English, asked by Bharatsinh5897, 8 months ago

Ncert examples of ch.3 english class 10 ex. of visual expression

Answers

Answered by Rohith200422
4

Answer:

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

Previous Question
Next Question
Similar questions
Physics, 4 months ago
Conservation of linear momentum is equivalent to a) Newton's first law of motion b) Newton's second law of motion c) Newton's third law of motion d) Newton's law of gravitation​...
English, 4 months ago
plz help no spamming ill mark you as brainliest All of the books, including yours_______ in that box. a.are kept b.is kept c.is keeping d.was kept...
English, 4 months ago
explain the author journey from Ravu to Hor​...
English, 8 months ago
Is Corona Virus a health crisis?
Biology, 8 months ago
Which phylum is lacking the nervous system...
Economy, 11 months ago
write the importance of consumer rights...
Social Sciences, 11 months ago
Which type of government is this : There is no independent election commission.
Hindi, 11 months ago
Adunik sanchar kranti ke yog me tar ke mathva par prakash daliye.