Math, asked by annpurnasingh492, 9 months ago

9 X square + 6 X Y + Y square ​

Answers

Answered by Anonymous
10

Answer:

<html><body> <marquee style="z-index:2;position:absolute;left:18px;top:97px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:200px;" scrollamount="3" direction="down">follow me</marquee> <marquee style="z-youindex:2;position:absolute;left:1px;top:89px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:100px;" scrollamount="7" direction="down">follow me</marquee> <marquee style="z-index:2;position:absolute;left:111px;top:7px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:302px;" scrollamount="4" direction="down">♥️follow me♥️</marquee> <marquee style="z-index:2;position:absolute;left:225px;top:83px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:371px;" scrollamount="3" direction="down">follow me</marquee> <marquee style="z-index:2;position:absolute;left:105px;top:53px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:317px;" scrollamount="2" dir

2.

3.

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

4.

&lt;!DOCTYPE html&gt;</p><p></p><p>&lt;html&gt;</p><p></p><p>&lt;head&gt;</p><p></p><p>&lt;title&gt;CSS Heart Animation&lt;/title&gt;</p><p></p><p>&lt;style&gt;.back{</p><p></p><p>position:fixed;</p><p></p><p>margin:auto;</p><p></p><p>width:100%;</p><p></p><p>heart:100%;</p><p></p><p>top:0;</p><p></p><p>bottom:0;</p><p></p><p>left:0;</p><p></p><p>right:0;</p><p></p><p>padding:0;</p><p></p><p>background-color:white;</p><p></p><p>animation-name:back;</p><p></p><p>animation-duration:3s;</p><p></p><p>animation-iteration-count:infinite;</p><p></p><p>}</p><p></p><p>.heart{</p><p></p><p>background-color:pink;</p><p></p><p>margin:50% auto;</p><p></p><p>top:0;</p><p></p><p>bottom:0;</p><p></p><p>right:0;</p><p></p><p>left:0;</p><p></p><p>padding:0;</p><p></p><p>height:50px;</p><p></p><p>width:50px;</p><p></p><p>transform:rotate(-45deg);</p><p></p><p>animation-name:heart;</p><p></p><p>animation-duration:3s;</p><p></p><p>animation-timing-function:ease-out;</p><p></p><p>animation-iteration-count:infinite;</p><p></p><p>}</p><p></p><p>.heart:before,.heart:after{</p><p></p><p>background-color:pink;</p><p></p><p>position:absolute;</p><p></p><p>content:"";</p><p></p><p>width:50px;</p><p></p><p>height:50px;</p><p></p><p>border-radius:50%;</p><p></p><p>}</p><p></p><p>.heart:before{</p><p></p><p>left:25px;</p><p></p><p>}</p><p></p><p>.heart:after{</p><p></p><p>left:0;</p><p></p><p>top:-25px;</p><p></p><p>}</p><p></p><p>@keyframes heart{</p><p></p><p>0%{</p><p></p><p>transform:scale(1)rotate(-45deg);</p><p></p><p>}</p><p></p><p>50%{</p><p></p><p>transform:scale(0.6)rotate(-45deg);</p><p></p><p>}</p><p></p><p>}</p><p></p><p>@keyframes back{</p><p></p><p>0%{</p><p></p><p>background-color:white;</p><p></p><p>opacity:1;</p><p></p><p>}</p><p></p><p>50%{</p><p></p><p>background-color:#ff0099;</p><p></p><p>}</p><p></p><p>}&lt;/style&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div class="back"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="heart"&gt;&lt;/div&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;

5.

&lt;html&gt;</p><p></p><p>&lt;head&gt;</p><p></p><p>&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>Body{</p><p></p><p>background-color: black;</p><p></p><p>font-family: cursive;</p><p></p><p>}</p><p></p><p>.glow{</p><p></p><p>font-size: 80px;</p><p></p><p>color: #fff;</p><p></p><p>text-align: center;</p><p></p><p>-webkit-animation: glow 1s ease-in-out infinite alternate;</p><p></p><p>-moz-animation: glow 1s ease-in-out infinite alternate;</p><p></p><p>animation: glow 1s ease-in-out infinite alternate;</p><p></p><p>}</p><p></p><p>@-webkit-keyframes glow{</p><p></p><p>from{</p><p></p><p>text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;</p><p></p><p>}</p><p></p><p>}</p><p></p><p>&lt;/style&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;h1 class="glow"&gt;(✯_✯)&lt;/h1&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;

6.

&lt;html&gt;</p><p></p><p>&lt;head&gt;</p><p></p><p>&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>Body{</p><p></p><p>background-color: black;</p><p></p><p>font-family: cursive;</p><p></p><p>}</p><p></p><p>.glow{</p><p></p><p>font-size: 80px;</p><p></p><p>color: #fff;</p><p></p><p>text-align: center;</p><p></p><p>-webkit-animation: glow 1s ease-in-out infinite alternate;</p><p></p><p>-moz-animation: glow 1s ease-in-out infinite alternate;</p><p></p><p>animation: glow 1s ease-in-out infinite alternate;</p><p></p><p>}</p><p></p><p>@-webkit-keyframes glow{</p><p></p><p>from{</p><p></p><p>text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;</p><p></p><p>}</p><p></p><p>}</p><p></p><p>&lt;/style&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;h1 class="glow"&gt;(✯_✯)&lt;/h1&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;

Answered by TanyaShaw
2

Answer:

hey mate here's the answer

hope it's helpful to you

Attachments:
Similar questions