Computer Science, asked by vibhuupadhyay3dec200, 8 months ago

Median through which a virus enters the computer.​

Answers

Answered by Anonymous
1




&lt;!DOCTYPE html&gt;<br /><br />&lt;html lang="en"&gt;<br /><br />&lt;head&gt;<br /><br />&lt;title&gt;Ball&lt;/title&gt;<br /><br />&lt;/head&gt;<br /><br />&lt;body&gt;<br /><br />&lt;div class="ball"&gt;&lt;/div&gt;<br /><br />&lt;style&gt;<br /><br />html,<br /><br />body {<br /><br />background: #ffdf6d;<br /><br />padding: 0;<br /><br />margin: 0;<br /><br />box-sizing: border-box;<br /><br />display: flex;<br /><br />justify-content: center;<br /><br />align-items: center;<br /><br />height: 300px;<br /><br />overflow: hidden;<br /><br />}<br /><br />.ball {<br /><br />width: 200px;<br /><br />height: 200px;<br /><br />border-radius: 50%;<br /><br />background: white;<br /><br />position: relative;<br /><br />box-shadow: -20px 0 rgba(0, 0, 0, 0.1) inset;<br /><br />animation: roll 1s ease-in-out infinite;<br /><br />background: linear-gradient(<br /><br />to bottom,<br /><br />#e83e35 0%,<br /><br />#e83e35 50.5%,<br /><br />#ffffff 50.51%,<br /><br />#ffffff 100%<br /><br />);<br /><br />}<br /><br />.ball:after {<br /><br />content: "";<br /><br />position: absolute;<br /><br />top: calc(100px - 3px);<br /><br />left: 0;<br /><br />width: 200px;<br /><br />height: 6px;<br /><br />background: #3f3f3f;<br /><br />}<br /><br />.ball:before {<br /><br />content: "";<br /><br />position: absolute;<br /><br />top: 67px;<br /><br />left: 67px;<br /><br />width: 54px;<br /><br />height: 54px;<br /><br />border: solid 6px #3f3f3f;<br /><br />border-radius: 50%;<br /><br />background: white;<br /><br />z-index: 1;<br /><br />box-shadow: 0 0 15px -2px #c62828 inset;<br /><br />animation: button 3s ease infinite;<br /><br />}<br /><br />@-webkit-keyframes roll {<br /><br />from {<br /><br />transform: rotate(0);<br /><br />}<br /><br />90%,<br /><br />to {<br /><br />transform: rotate(720deg);<br /><br />}<br /><br />}<br /><br />@-webkit-keyframes button {<br /><br />from,<br /><br />50%,<br /><br />to {<br /><br />box-shadow: 0 0 15px -2px #c62828 inset;<br /><br />}<br /><br />25%,<br /><br />75% {<br /><br />box-shadow: 0 0 10px -2px #1300ea inset;<br /><br />}<br /><br />}<br /><br />&lt;/style&gt;<br /><br />&lt;/body&gt;<br /><br />&lt;/html&gt;

Similar questions