India Languages, asked by lathalatha29, 6 months ago

சமூக விழிப்புணர்வு பற்றி speech.


Answers

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