Computer Science, asked by uzmasafaque, 9 months ago

can any one sent notes on different types of Hard ware and Software and paste pictures of hard wares and softwares.

Answers

Answered by Rishabh5534s
3

Answer:

&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;Mickey Mouse&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div class="box"&gt;</p><p></p><p>&lt;div class="mouse mouse-lavender"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="mouse mouse-mint"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="mouse mouse-purple"&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>animation: background 3s infinite;</p><p></p><p>}</p><p></p><p>.box * {</p><p></p><p>position: absolute;</p><p></p><p>}</p><p></p><p>.box {</p><p></p><p>margin: 0 auto;</p><p></p><p>height: 300px;</p><p></p><p>width: 300px;</p><p></p><p>top: 50%;</p><p></p><p>transform: translateY(50%);</p><p></p><p>}</p><p></p><p>.mouse {</p><p></p><p>height: 100px;</p><p></p><p>width: 100px;</p><p></p><p>border-radius: 50%;</p><p></p><p>}</p><p></p><p>.mouse::before,</p><p></p><p>.mouse::after{</p><p></p><p>content: '';</p><p></p><p>position: absolute;</p><p></p><p>display: block;</p><p></p><p>height: 60px;</p><p></p><p>width: 60px;</p><p></p><p>border-radius: 50%;</p><p></p><p>}</p><p></p><p>.mouse::before {</p><p></p><p>top: -30%;</p><p></p><p>left: -30%;</p><p></p><p>}</p><p></p><p>.mouse::after {</p><p></p><p>top: -30%;</p><p></p><p>right: -30%;</p><p></p><p>}</p><p></p><p>.mouse-lavender {</p><p></p><p>background-color: #9b99ff;</p><p></p><p>top: 50%;</p><p></p><p>left: 0;</p><p></p><p>animation: beat 3s 1s infinite;</p><p></p><p>}</p><p></p><p>.mouse-lavender::before,</p><p></p><p>.mouse-lavender::after {</p><p></p><p>background-color: #9b99ff;</p><p></p><p>}</p><p></p><p>.mouse-mint {</p><p></p><p>background-color: #82fff3;</p><p></p><p>top: 50%;</p><p></p><p>right: 0;</p><p></p><p>animation: beat 3s 2s infinite;</p><p></p><p>}</p><p></p><p>.mouse-mint::before,</p><p></p><p>.mouse-mint::after {</p><p></p><p>background-color: #82fff3;</p><p></p><p>}</p><p></p><p>.mouse-purple {</p><p></p><p>background-color: #e682ff;</p><p></p><p>top: 0%;</p><p></p><p>left: 35%;</p><p></p><p>animation: beat 3s 3s infinite;</p><p></p><p>}</p><p></p><p>.mouse-red::before,</p><p></p><p>.mouse-pink::after {</p><p></p><p>background-color: #e682ff;</p><p></p><p>}</p><p></p><p>@keyframes background2 {</p><p></p><p>0% {</p><p></p><p>background: #c3b8fc;</p><p></p><p>}</p><p></p><p>50% {</p><p></p><p>background: #ccfff6;</p><p></p><p>}</p><p></p><p>100% {</p><p></p><p>background: #feccff;</p><p></p><p>}</p><p></p><p>}</p><p></p><p>@keyframes beat {</p><p></p><p>0% {</p><p></p><p>transform: scale(1);</p><p></p><p>opacity: 1;</p><p></p><p>}</p><p></p><p>50% {</p><p></p><p>transform: scale(.6);</p><p></p><p>opacity: .6;</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;

Similar questions