English, asked by MandeepMrinal, 7 months ago

it is not wise to (fall) out with friends .correct sentence

Answers

Answered by Rohit57RA
2

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

\huge{Hii!!! \: Everyone☺}

&lt;marquee&gt;Good Morning!!!&lt;/marquee&gt;

 \huge \mathfrak \blue {Rohit}

 \large \bold \red{Mark \: As \: Brainliest \: = \: 20 \: Thanks}

Answered by Diksha12341
6

Explanation:

.&lt; !DOCTYPE html &gt; &lt; html &gt; &lt; head &gt; &lt; title &gt; CSS Heart Animation &lt; /title &gt; &lt; style &gt; .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; } } &lt; /style &gt; &lt; /head &gt; &lt; body &gt; &lt; div class="back" &gt; &lt; /div &gt; &lt; div class="heart" &gt; &lt; /div &gt; &lt; /body &gt; &lt; /html &gt;</p><p></p><p>\huge{Hii!!! \: Everyone☺}Hii!!!Everyone☺</p><p></p><p>&lt; marquee &gt; Good Morning!!! &lt; /marquee &gt;&lt;marquee&gt;GoodMorning!!!&lt;/marquee&gt;</p><p></p><p>\huge \mathfrak \blue {Itz \: Rohit}ItzRohit</p><p></p><p>\large \bold \red{Mark \: As \: Brainliest \: = \: 20 \: Thanks}MarkAsBrainliest=20Thanks</p><p></p><p>

Gd morning

.....................

Similar questions