English, asked by faalihafasiha2034, 6 months ago

Intervention programmes implemented by a government in order to minimise the contamination of covid-19.

Answers

Answered by vijaydk24
0
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 mask "&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;
Answered by WalkingDeath
1

&lt;!DOCTYPE html&gt;</p><p></p><p>  &lt;html lang="en"&gt;</p><p></p><p>  &lt;head&gt;</p><p></p><p>  &lt;title&gt;Captain America Shield&lt;/title&gt;</p><p></p><p>  &lt;/head&gt;</p><p></p><p>  &lt;div class="container"&gt;</p><p></p><p>  &lt;div class="circle outer-lv3"&gt;</p><p></p><p>  &lt;div class="circle outer-lv2"&gt;</p><p></p><p>  &lt;div class="circle outer-lv1"&gt;</p><p></p><p>  &lt;div class="center"&gt;</p><p></p><p>  &lt;div class="arrow top"&gt;&lt;/div&gt;</p><p></p><p>  &lt;div class="arrow left"&gt;&lt;/div&gt;</p><p></p><p>  &lt;div class="arrow right"&gt;&lt;/div&gt;</p><p></p><p>  &lt;/div&gt;</p><p></p><p>  &lt;/div&gt;</p><p></p><p>  &lt;/div&gt;</p><p></p><p>  &lt;/div&gt;</p><p></p><p>  &lt;/div&gt;</p><p></p><p>  &lt;style&gt;</p><p></p><p>  html, body {</p><p></p><p>  background:#0846A8;</p><p></p><p>  height: 500px;</p><p></p><p>  }</p><p></p><p>  .container {</p><p></p><p>  width:100%;</p><p></p><p>  height: 100%;</p><p></p><p>  display: flex;</p><p></p><p>  justify-content: center;</p><p></p><p>  align-items: center;</p><p></p><p>  }</p><p></p><p>  .circle {</p><p></p><p>  border-radius: 50%;</p><p></p><p>  display: flex;</p><p></p><p>  flex-direction: row;</p><p></p><p>  justify-content: center;</p><p></p><p>  align-items: center;</p><p></p><p>  border:1px solid #000;</p><p></p><p>  }</p><p></p><p>  .outer-lv3 {</p><p></p><p>  background-image: linear-gradient(#870000,#FF4040,#870000);</p><p></p><p>  height: 260px;</p><p></p><p>  width: 260px;</p><p></p><p>  -webkit-animation: turning 8s infinite linear;</p><p></p><p>  animation: turning 8s infinite linear;</p><p></p><p>  }</p><p></p><p>  @-webkit-keyframes turning {</p><p></p><p>  0% {transform: rotate(0deg)}</p><p></p><p>  100% {transform: rotate(360deg)}</p><p></p><p>  }</p><p></p><p>  @keyframes turning {</p><p></p><p>  0% {transform: rotate(0deg)}</p><p></p><p>  100% {transform: rotate(360deg)}</p><p></p><p>  }</p><p></p><p>  .outer-lv2 {</p><p></p><p>  background: #fff;</p><p></p><p>  background-image: linear-gradient(#DBD9D9,#FAFAFA,#DBD9D9);</p><p></p><p>  height: 210px;</p><p></p><p>  width: 210px;</p><p></p><p>  }</p><p></p><p>  .outer-lv1 {</p><p></p><p>  background-image: linear-gradient(#870000,#FF4040,#870000);</p><p></p><p>  height: 150px;</p><p></p><p>  width: 150px;</p><p></p><p>  }</p><p></p><p>  .center {</p><p></p><p>  background-image: linear-gradient(#0846A8,#277AFF,#0846A8);</p><p></p><p>  height: 100px;</p><p></p><p>  width: 100px;</p><p></p><p>  border-radius: 50%;</p><p></p><p>  position: relative;</p><p></p><p>  overflow: hidden;</p><p></p><p>  border:1px solid #000;</p><p></p><p>  }</p><p></p><p>  .arrow {</p><p></p><p>  border-top: 35px solid #EDE8E8;</p><p></p><p>  border-bottom: 48px solid rgba(0,0,0,0.0);</p><p></p><p>  border-left: 48px solid transparent;</p><p></p><p>  border-right: 48px solid transparent;</p><p></p><p>  position: absolute;</p><p></p><p>  height: 0;</p><p></p><p>  width: 0;</p><p></p><p>  }</p><p></p><p>  .top {</p><p></p><p>  top: 35px;</p><p></p><p>  left: 2px;</p><p></p><p>  }</p><p></p><p>  .left {</p><p></p><p>  transform: rotate(72deg);</p><p></p><p>  top: 16px;</p><p></p><p>  left: -24px;</p><p></p><p>  }</p><p></p><p>  .right {</p><p></p><p>  transform: rotate(-72deg);</p><p></p><p>  top: 16px;</p><p></p><p>  left: 25px;</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;

Similar questions