English, asked by sarangjagtap5565, 8 months ago

We should fight _ our country

Answers

Answered by NailTheArtist2
10

We should fight for our country.

Answered by Anonymous
2

Answer:

We should fight for our country

Explanation:

&lt;!DOCTYPE html&gt;</p><p></p><p>&lt;html lang="en"&gt;</p><p></p><p>&lt;head&gt;</p><p></p><p>&lt;title&gt;Bts army bomb&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div id="container" class="army-bomb-container"&gt;</p><p>  &lt;div id="handle" class="handle"&gt;</p><p>  &lt;div id="army-bomb" class="army-bomb"/&gt;</p><p>&lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>body {</p><p>  background: linear-gradient(45deg, #FBCCB7, #EFAAC9, #CCB6D9, #A2C8ED);</p><p>  width: 100vh;</p><p>  height: 300px;</p><p>}</p><p></p><p>.army-bomb-container {</p><p>  position: fixed;</p><p>  left: 50%;</p><p>  top: 50%;</p><p>  transform: translateX(-50%) translateY(-30%);</p><p>}</p><p></p><p>.handle {</p><p>  position: relative;</p><p>  height: 200px;</p><p>  width: 50px;</p><p>  background-color: black;</p><p>  z-index: 0;</p><p>}</p><p></p><p>/* top of the army bomb drawn using pseudo elements on the handle (so that it is drawn behind the glowing animation) */</p><p>.handle:before {</p><p>  position: absolute;</p><p>  left: 132.5%;</p><p>  top: -30%;</p><p>  width: 30px;</p><p>  height: 10px;</p><p>  background-color: black;</p><p>  transform: rotate(45deg);</p><p>  z-index: -1;</p><p>  content: "";</p><p>}</p><p></p><p>.handle:after {</p><p>  position: absolute;</p><p>  left: 168.5%;</p><p>  top: -31.5%;</p><p>  width: 3px;</p><p>  height: 5px;</p><p>  background-color: red;</p><p>  transform: rotate(45deg);</p><p>  z-index: -1;</p><p>  content: "";</p><p>}</p><p></p><p>.army-bomb {</p><p>  position: relative;</p><p>  left: 50%;</p><p>  transform: translateX(-50%) translateY(-50%);  </p><p>  width: 150px;</p><p>  height: 150px;</p><p>  background-color: white;</p><p>  border-radius: 75px;</p><p>  animation: light-up 3s infinite ease-in-out;</p><p>}</p><p></p><p>/* BTS logo drawn using pseudo elements of the army bomb */</p><p>.army-bomb::before {</p><p>  position: absolute;</p><p>  top: 160%;</p><p>  left: 34%;</p><p>  border-bottom: 10px solid white;</p><p>  border-left: 10px solid transparent;</p><p>  border-right: 10px solid transparent;</p><p>  height: 0;</p><p>  width: 15px;</p><p>  transform: rotate(90deg);</p><p>  content: "";</p><p>}</p><p></p><p>.army-bomb::after {</p><p>  position: absolute;</p><p>  top: 160%;</p><p>  right: 34%;</p><p>  border-bottom: 10px solid white;</p><p>  border-left: 10px solid transparent;</p><p>  border-right: 10px solid transparent;</p><p>  height: 0;</p><p>  width: 15px;</p><p>  transform: rotate(-90deg);</p><p>  content: "";</p><p>} </p><p></p><p></p><p>/* glowing animation */</p><p>@keyframes light-up {</p><p>  0%   { box-shadow: 0px 0px 50px 1px white; }</p><p>  50%  { box-shadow: 0px 0px 50px 30px white; }</p><p>  100% { box-shadow: 0px 0px 50px 1px white; }</p><p>}</p><p></p><p>&lt;/style&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;

Similar questions