English, asked by Anikad, 10 months ago

guys I need your help so can you all rights go to my profile and check my answers which have answered and click over there and ask the user to click brainiest so that I can answer all your questions and follow you ​

Answers

Answered by sanjit57948
2

Okk

&lt;!DOCTYPE html&gt;</p><p>&lt;html lang="en"&gt;</p><p>&lt;head&gt;</p><p>&lt;title&gt;Bts army bomb&lt;/title&gt;</p><p>&lt;/head&gt;</p><p>&lt;body&gt;</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>&lt;style&gt;</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>.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>.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>/* 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>.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>.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>/* 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>.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>/* 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>&lt;/style&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;

Answered by tanun152
0

Answer:

can u please come on snap or insta my I'd is tanish1546king for se..

Similar questions