Biology, asked by adeeladilu2, 7 months ago

how to send animated pics by coding in brainly......

do attach how to do
plz do not report this
plz help me ....
do not spam
correct answer-15thnx + brainliest+follow

Answers

Answered by krishna02299

Answer:

$<!DOCTYPE html><html lang="en"><head><title>Shinchan</title></head><body><div class="face"><div class="forhead"></div><div class="cheeks"></div><div class="ear"></div><div class="eyebrow left"></div><div class="eyebrow right"></div><div class="eye left"></div><div class="eye right"></div><div class="mouth"></div><div class="shy"></div><div class="shy right"></div></div><style>body {background:#3e505e}.face {height: 600px; width: 350px; position: relative; margin: auto;}.face:before {content:''; background:black; height:122px; width:95px; position:absolute; z-index:6; left:210px; top:29px; border-radius:100% 190% 100% 0%; transform: rotate(-20deg);}.face:after {content:''; width:230px; height:180px; background:black; content:''; transform: rotate(-8deg); position:absolute; border-radius:100% 160% 100% 0%; left:70px; bottom:-14px; top:10px; z-index:5;}.forhead, .forhead:after {content: ''; width: 220px; height: 181px; background: #fbc6a3; content: ''; transform: rotate(-3deg); position: absolute; border-radius: 60% 120% 50% 0%; left: 67px; bottom: -14px; top: 21px; z-index: 6;}.forhead:after {width: 160px; height: 150px; border-radius: 150% 174% 159% 100%; transform: rotate(-20deg); top: 13px; left: 59px; border-top: 15px solid #fbc6a3;}.forhead:before{ background:#fbc6a3; width:60px; height:10px; content:''; position:absolutet; z-index:7; left:105px; top:9px; transform: rotate(13deg); border-radius:100%}.ear {width:60px; height:50px; background:#fbc6a3; z-index:7; position:absolute; border-radius:300% 190% 200% 100%; transform: rotate(-20deg); top:110px; left:285px}.cheeks {background: #fbc6a3; width: 280px; height: 100px; border-radius: 50px 0px 50px 40px; transform: rotate(-3deg); position: relative; content: 'a'; top: 108px; left:10px}.cheeks:after {width: 297px; height: 100px; background: #fbc6a3; content: ''; transform: rotate(-3deg); position: absolute; border-radius: 100% 100% 100% 100%; left: 1px; bottom: -14px;}.eye {width:40px; height:40px; position:relative; background:black; border-radius:100%; animation: close-eye 4s none .2s infinite;}.eye:after {content:''; position:absolute; background:white; width:15px; height:15px; border-radius:100%; left:17px; top:12px;}.eye:before {content:''; position:absolute; width:70px; height:60px; border-radius:100%; border-top:2px solid black; left:-20px; margin-top:-20px;}.eye.left,.eye.right {position:absolute; top:80px; left:100px; z-index:10;}.eye.right {left:190px; top:90px;}.eyebrow {animation: eyebroani 2s linear .2s infinite;}.eyebrow,.eyebrow:after{position:absolute; width:20px; height:60px; background:black; z-index:8; border-radius:15px; transform: rotate(40deg); top:10px; left:90px;}.eyebrow:after {content:''; transform: rotate(-100deg); left:19px; margin-top:-23px; top:auto;}.eyebrow.right {left:180px; top:8px; transform: rotate(50deg);}.mouth {position:absolute; width:40px; height:40px; background:#76322f; border-radius:100%; top:180px; left:50px; z-index:8;}.shy {position:absolute; width:0px; height:0px; border-radius:100%; opacity:0; box-shadow: 0px 0px 40px 20px red; z-index:8; left:35px; top:160px; animation: shy 10s linear .2s infinite;}.shy.right {left:170px; top:180px;}@keyframes eyebroani {0% {margin-top:auto} 10% {margin-top:-10px} 20% {margin-top:auto} 30% {margin-top:-10px} 40% {margin-top:auto} 100% {margin-top:auto}}@keyframes shy {0% {opacity:0} 10% {opacity:0.2} 90% {opacity:0.2} 100% {opacity:0}}@keyframes close-eye {0% {height: 40px; margin-top: auto; overflow: auto;}5% {height: 2px; margin-top: 20px; overflow: hidden;}5.1% {height: 40px; margin-top:0; overflow:visible;}}</style></body></html>$

Explanation:

$[tex][tx] <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> Body{ background-color: black; font-family: cursive; } .glow{ font-size: 80px; color: #fff; text-align: center; -webkit-animation: glow 1s ease-in-out infinite alternate; -moz-animation: glow 1s ease-in-out infinite alternate; animation: glow 1s ease-in-out infinite alternate; } @-webkit-keyframes glow{ from{ 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; } } </style> </head> <body> <h1 class="glow"> Hi </h1> </body> </html> [/tx]$ [/tex]

Answered by MoonBeauty

hy i know how to send animated pics by coding in brainly but now the codings are not working i don't know why but plz forgive me

#Shandana

Bestie : Adeela

Previous Question

Next Question

how to send animated pics by coding in brainly......do attach how to do plz do not report thisplz help me ....do not spam correct answer-15thnx + brainliest+follow​

Answers

how to send animated pics by coding in brainly......

do attach how to do
plz do not report this
plz help me ....
do not spam
correct answer-15thnx + brainliest+follow