Science, asked by kalpatarurice, 11 months ago

How to give this kind of effect in answer
Please don't report​

Attachments:

Answers

Answered by dds61
1

Answer:

i also don't know

sorry

Answered by ÚɢʟʏÐᴜᴄᴋʟɪɴɢ1
6

&lt;!DOCTYPE html&gt;</p><p></p><p></p><p>&lt;html lang="en"&gt;</p><p></p><p></p><p>&lt;head&gt;</p><p></p><p></p><p>&lt;title&gt;Cat&lt;/title&gt;</p><p></p><p></p><p>&lt;/head&gt;</p><p></p><p></p><p>&lt;body&gt;</p><p></p><p></p><p>&lt;div id="cat"&gt;</p><p></p><p></p><p>&lt;div id="ears"&gt;</p><p></p><p></p><p>&lt;div class="ear"&gt;&lt;/div&gt;</p><p></p><p></p><p>&lt;div class="ear"&gt;&lt;/div&gt;</p><p></p><p></p><p>&lt;/div&gt;</p><p></p><p></p><p>&lt;div id="head"&gt;</p><p></p><p></p><p>&lt;div id="eyes"&gt;</p><p></p><p></p><p>&lt;div class="eye"&gt;</p><p></p><p></p><p>&lt;div class="pupil"&gt;</p><p></p><p></p><p>&lt;div class="pupil_ref"&gt;&lt;/div&gt;</p><p></p><p></p><p>&lt;/div&gt;</p><p></p><p></p><p>&lt;/div&gt;</p><p></p><p></p><p>&lt;div class="eye"&gt;</p><p></p><p></p><p>&lt;div class="pupil"&gt;</p><p></p><p></p><p>&lt;div class="pupil_ref"&gt;&lt;/div&gt;</p><p></p><p></p><p>&lt;/div&gt;</p><p></p><p></p><p>&lt;/div&gt;</p><p></p><p></p><p>&lt;/div&gt;</p><p></p><p></p><p>&lt;div id="nose"&gt;&lt;/div&gt;</p><p></p><p></p><p>&lt;div id="baffi_dx"&gt;</p><p></p><p></p><p>&lt;div class="baffo"&gt;&lt;/div&gt;</p><p></p><p></p><p>&lt;div class="baffo"&gt;&lt;/div&gt;</p><p></p><p></p><p>&lt;div class="baffo"&gt;&lt;/div&gt;</p><p></p><p></p><p>&lt;/div&gt;</p><p></p><p></p><p>&lt;div id="baffi_sx"&gt;</p><p></p><p></p><p>&lt;div class="baffo"&gt;&lt;/div&gt;</p><p></p><p></p><p>&lt;div class="baffo"&gt;&lt;/div&gt;</p><p></p><p></p><p>&lt;div class="baffo"&gt;&lt;/div&gt;</p><p></p><p></p><p>&lt;/div&gt;</p><p></p><p></p><p>&lt;/div&gt;</p><p></p><p></p><p>&lt;/div&gt;</p><p></p><p></p><p>&lt;style&gt;</p><p></p><p></p><p>@keyframes an-pupils {</p><p></p><p></p><p>from {</p><p></p><p></p><p>left: 60px;</p><p></p><p></p><p>}</p><p></p><p></p><p>to {</p><p></p><p></p><p>left: 0px;</p><p></p><p></p><p>}</p><p></p><p></p><p>}</p><p></p><p></p><p>@keyframes an-ears {</p><p></p><p></p><p>from {</p><p></p><p></p><p>top:0;</p><p></p><p></p><p>}</p><p></p><p></p><p>to {</p><p></p><p></p><p>top:25px;</p><p></p><p></p><p>}</p><p></p><p></p><p>}</p><p></p><p></p><p>body {</p><p></p><p></p><p>background-color:#0A7E8C;</p><p></p><p></p><p>}</p><p></p><p></p><p>#cat {</p><p></p><p></p><p>width: 480px;</p><p></p><p></p><p>margin:20px auto;</p><p></p><p></p><p>}</p><p></p><p></p><p>#head {</p><p></p><p></p><p>width: 400px;</p><p></p><p></p><p>height: 370px;</p><p></p><p></p><p>background-color: #171717;</p><p></p><p></p><p>border-radius: 50%;</p><p></p><p></p><p>margin: auto;</p><p></p><p></p><p>}</p><p></p><p></p><p>#ears {</p><p></p><p></p><p>height: 65px;</p><p></p><p></p><p>position: relative;</p><p></p><p></p><p>left: 35px;</p><p></p><p></p><p>animation-name: an-ears;</p><p></p><p></p><p>animation-duration: 1s;</p><p></p><p></p><p>animation-iteration-count: infinite;</p><p></p><p></p><p>animation-direction: alternate-reverse;</p><p></p><p></p><p>}</p><p></p><p></p><p>.ear{</p><p></p><p></p><p>width: 0;</p><p></p><p></p><p>height: 0;</p><p></p><p></p><p>border-left: 90px solid transparent;</p><p></p><p></p><p>border-right: 90px solid transparent;</p><p></p><p></p><p>border-bottom: 160px solid #171717;</p><p></p><p></p><p>font-size: 0;</p><p></p><p></p><p>line-height: 0;</p><p></p><p></p><p>float: left;</p><p></p><p></p><p>margin-right: 60px;</p><p></p><p></p><p>-ms-transform: rotate(35deg);</p><p></p><p></p><p>-webkit-transform: rotate(35deg);</p><p></p><p></p><p>transform: rotate(35deg);</p><p></p><p></p><p>}</p><p></p><p></p><p>.ear:first-child {</p><p></p><p></p><p>-ms-transform: rotate(-35deg);</p><p></p><p></p><p>-webkit-transform: rotate(-35deg);</p><p></p><p></p><p>transform: rotate(-35deg);</p><p></p><p></p><p>}</p><p></p><p></p><p>#eyes {</p><p></p><p></p><p>clear: both;</p><p></p><p></p><p>width: 350px;</p><p></p><p></p><p>position: relative;</p><p></p><p></p><p>top: 25px;</p><p></p><p></p><p>left: 53px;</p><p></p><p></p><p>}</p><p></p><p></p><p>.eye {</p><p></p><p></p><p>width: 120px;</p><p></p><p></p><p>height: 120px;</p><p></p><p></p><p>background-color: #FFFFFF;</p><p></p><p></p><p>border-radius: 50%;</p><p></p><p></p><p>float: left;</p><p></p><p></p><p>}</p><p></p><p></p><p>.eye:first-child {</p><p></p><p></p><p>margin-right: 50px;</p><p></p><p></p><p>}</p><p></p><p></p><p>.pupil {</p><p></p><p></p><p>position: relative;</p><p></p><p></p><p>top:40px;</p><p></p><p></p><p>background-color: #000000;</p><p></p><p></p><p>border-radius: 50%;</p><p></p><p></p><p>width: 80px;</p><p></p><p></p><p>height: 80px;</p><p></p><p></p><p>animation-name: an-pupils;</p><p></p><p></p><p>animation-duration: 1s;</p><p></p><p></p><p>animation-iteration-count: infinite;</p><p></p><p></p><p>animation-direction: alternate-reverse;</p><p></p><p></p><p>}</p><p></p><p></p><p>.pupil_ref {</p><p></p><p></p><p>background-color: #FFFFFF;</p><p></p><p></p><p>border-radius: 45%;</p><p></p><p></p><p>width: 30px;</p><p></p><p></p><p>height: 30px;</p><p></p><p></p><p>position: relative;</p><p></p><p></p><p>top: 40px;</p><p></p><p></p><p>left: 10px;</p><p></p><p></p><p>}</p><p></p><p></p><p>#nose {</p><p></p><p></p><p>width: 45px;</p><p></p><p></p><p>height: 30px;</p><p></p><p></p><p>border-radius: 50%;</p><p></p><p></p><p>background-color: #FFFFFF;</p><p></p><p></p><p>position: relative;</p><p></p><p></p><p>top: 160px;</p><p></p><p></p><p>left: 170px;</p><p></p><p></p><p>}</p><p></p><p></p><p>#baffi_sx {</p><p></p><p></p><p>position: relative;</p><p></p><p></p><p>left: -100px;</p><p></p><p></p><p>top: 85px;</p><p></p><p></p><p>-ms-transform: rotate(10deg);</p><p></p><p></p><p>-webkit-transform: rotate(10deg);</p><p></p><p></p><p>transform: rotate(10deg);</p><p></p><p></p><p>}</p><p></p><p></p><p>#baffi_dx {</p><p></p><p></p><p>position: relative;</p><p></p><p></p><p>left: 223px;</p><p></p><p></p><p>top: 96px;</p><p></p><p></p><p>-ms-transform: rotate(-10deg);</p><p></p><p></p><p>-webkit-transform: rotate(-10deg);</p><p></p><p></p><p>transform: rotate(-10deg);</p><p></p><p></p><p>}</p><p></p><p></p><p>.baffo{</p><p></p><p></p><p>width:260px;</p><p></p><p></p><p>height:5px;</p><p></p><p></p><p>border:solid 3px #000;</p><p></p><p></p><p>border-color:#000 transparent transparent transparent;</p><p></p><p></p><p>border-radius: 60%/30px 30px 0 0;</p><p></p><p></p><p>}</p><p></p><p></p><p>&lt;/style&gt;</p><p></p><p></p><p>&lt;/bold&gt;</p><p></p><p></p><p></p><p></p><p>&lt;/html&gt;

&lt;html&gt;&lt;body&gt; &lt;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"&gt;follow me&lt;/marquee&gt; &lt;marquee style="z-index:2;position:absolute;left:1px;top:89px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:100px;" scrollamount="7" direction="down"&gt;follow me&lt;/marquee&gt; &lt;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"&gt;♥️follow me♥️&lt;/marquee&gt; &lt;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"&gt;follow me&lt;/marquee&gt; &lt;marquee style="z-index:2;position:absolute;left:105px;top:53px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:317px;" scrollamount="2" direction="down"&gt;follow me&lt;/marquee&gt;&lt;/body&gt; &lt;/html&gt;

Similar questions