Hindi, asked by rockstararjun989, 6 months ago

DHOOL JIVAN KE LIYE MAHATVAPORN KYU HAI ,,,,DHOOL PATH KE ADHAR PR UTTAR DEJEYE/////CLASS-9////////PLEASE ANSWER PLEASE

Answers

Answered by xKALESHIxCHORAx
2

Answer:

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

&lt;body bgcolor=aqua&gt; </p><p>&lt;marquee&gt; ♥️〠♥️ follow me ✌️ツ✌️

Similar questions