Math, asked by kumarnaveen79454, 9 months ago

वाई का मान ज्ञात कीजिए यदि EF=EG है​

Answers

Answered by ItzIshu
3

Add /: [ /: in /: starting

 Copy It

tex]<!DOCTYPE html>

<html>

<head>

<title>CSS Heart Animation</title>

<style>.back{

position:fixed;

margin:auto;

width:100%;

heart:100%;

top:0;

bottom:0;

left:0;

right:0;

padding:0;

background-color:white;

animation-name:back;

animation-duration:3s;

animation-iteration-count:infinite;

}

.heart{

background-color:pink;

margin:50% auto;

top:0;

bottom:0;

right:0;

left:0;

padding:0;

height:50px;

width:50px;

transform:rotate(-45deg);

animation-name:heart;

animation-duration:3s;

animation-timing-function:ease-out;

animation-iteration-count:infinite;

}

.heart:before,.heart:after{

background-color:pink;

position:absolute;

content:"";

width:50px;

height:50px;

border-radius:50%;

}

.heart:before{

left:25px;

}

.heart:after{

left:0;

top:-25px;

}

@keyframes heart{

0%{

transform:scale(1)rotate(-45deg);

}

50%{

transform:scale(0.6)rotate(-45deg);

}

}

@keyframes back{

0%{

background-color:white;

opacity:1;

}

50%{

background-color:#ff0099;

}

}</style>

</head>

<body>

<div class="back"></div>

<div class="heart"></div>

</body>

</html>[/tex]

Answered by lorddierajput
6

Answer:

&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;</p><p></p><p>

Similar questions