Computer Science, asked by jayamrajan54gmailcom, 7 months ago

Hard Ware and software

Answers

Answered by vibhu51104
5

Explanation:

Computer hardware is any physical device used in or with your machine, whereas software is a collection of programming code installed on your computer's hard drive. In other words, hardware is something you can hold in your hand, whereas software cannot be held in your hand.

Answered by Anonymous
3

Explanation:

&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;Cat in night&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div id="wrapper"&gt;</p><p></p><p>&lt;section class="sky"&gt;</p><p></p><p>&lt;div class="moon"&gt;&lt;/div&gt;</p><p></p><p>&lt;ul&gt;</p><p></p><p>&lt;li class="cloud"&gt;&lt;/li&gt;</p><p></p><p>&lt;li class="cloud"&gt;&lt;/li&gt;</p><p></p><p>&lt;li class="cloud"&gt;&lt;/li&gt;</p><p></p><p>&lt;/ul&gt;</p><p></p><p>&lt;/section&gt;</p><p></p><p>&lt;section class="wall"&gt;</p><p></p><p>&lt;section class="cat"&gt;</p><p></p><p>&lt;div class="cat-head"&gt;</p><p></p><p>&lt;div class="eyes"&gt;</p><p></p><p>&lt;div class="eye"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="eye"&gt;&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;div class="cat-body"&gt;</p><p></p><p>&lt;div class="tail"&gt;&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;/section&gt;</p><p></p><p>&lt;/section&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>.sky {</p><p></p><p>height: 300px;</p><p></p><p>background: radial-gradient(#112A71, #000A31);</p><p></p><p>overflow: hidden;</p><p></p><p>position: relative; }</p><p></p><p>.sky .moon {</p><p></p><p>width: 80px;</p><p></p><p>height: 80px;</p><p></p><p>border-radius: 50%;</p><p></p><p>background-color: #FEFF79;</p><p></p><p>-webkit-box-shadow: 0 0 150px #FEFF79, inset 0 1px 20px rgba(0, 0, 0, 0.3);</p><p></p><p>box-shadow: 0 0 150px #FEFF79, inset 0 1px 20px rgba(0, 0, 0, 0.3);</p><p></p><p>position: absolute;</p><p></p><p>top: 30px;</p><p></p><p>right: 100px; }</p><p></p><p>.sky .cloud {</p><p></p><p>width: 80px;</p><p></p><p>height: 30px;</p><p></p><p>background-color: #8D8D8D;</p><p></p><p>border-radius: 50px;</p><p></p><p>-webkit-box-shadow: inset 0 -1px 10px rgba(0, 0, 0, 0.3);</p><p></p><p>box-shadow: inset 0 -1px 10px rgba(0, 0, 0, 0.3);</p><p></p><p>position: relative;</p><p></p><p>top: 60px;</p><p></p><p>left: 30px;</p><p></p><p>-webkit-animation: shift 100s infinite linear;</p><p></p><p>animation: shift 100s infinite linear; }</p><p></p><p>.sky .cloud:nth-child(2) {</p><p></p><p>-webkit-transform: scale(-1.5, 1.3);</p><p></p><p>transform: scale(-1.5, 1.3);</p><p></p><p>top: 100px;</p><p></p><p>left: 250px;</p><p></p><p>-webkit-animation-duration: 40s;</p><p></p><p>animation-duration: 40s; }</p><p></p><p>.sky .cloud:last-child {</p><p></p><p>top: 150px;</p><p></p><p>left: 100px;</p><p></p><p>-webkit-transform: scale(2);</p><p></p><p>transform: scale(2);</p><p></p><p>-webkit-animation-duration: 60s;</p><p></p><p>animation-duration: 60s; }</p><p></p><p>.sky .cloud::before, .sky .cloud::after {</p><p></p><p>content: '';</p><p></p><p>display: block;</p><p></p><p>width: 32px;</p><p></p><p>height: 30px;</p><p></p><p>background-color: inherit;</p><p></p><p>border-radius: 50%;</p><p></p><p>position: relative;</p><p></p><p>top: -15px;</p><p></p><p>left: 35px; }</p><p></p><p>.sky .cloud::after {</p><p></p><p>top: -40px;</p><p></p><p>left: 10px; }</p><p></p><p>@-webkit-keyframes shift {</p><p></p><p>0% {</p><p></p><p>margin-left: -500px; }</p><p></p><p>100% {</p><p></p><p>margin-left: 100%; } }</p><p></p><p>@keyframes shift {</p><p></p><p>0% {</p><p></p><p>margin-left: -500px; }</p><p></p><p>100% {</p><p></p><p>margin-left: 100%; } }</p><p></p><p>.wall {</p><p></p><p>height: 250px;</p><p></p><p>background: radial-gradient(ellipse at top, #000C23, #000000);</p><p></p><p>position: relative;</p><p></p><p>top: 0px; }</p><p></p><p>.wall .cat {</p><p></p><p>position: absolute;</p><p></p><p>top: -105px;</p><p></p><p>left: 90px; }</p><p></p><p>.cat-head {</p><p></p><p>width: 40px;</p><p></p><p>height: 40px;</p><p></p><p>background-color: #131313;</p><p></p><p>border-radius: 50% 50% 100% 100%;</p><p></p><p>position: relative; }</p><p></p><p>.cat-head::before, .cat-head::after {</p><p></p><p>width: 6px;</p><p></p><p>height: 2px;</p><p></p><p>content: '';</p><p></p><p>background-color: inherit;</p><p></p><p>border-radius: 5% 100% 0 0;</p><p></p><p>border-top: 10px solid #131313;</p><p></p><p>border-left: 4px solid #141414;</p><p></p><p>position: absolute;</p><p></p><p>-webkit-transform: rotate(-5deg);</p><p></p><p>transform: rotate(-5deg);</p><p></p><p>top: -6px;</p><p></p><p>left: 0px;</p><p></p><p>z-index: 2; }</p><p></p><p>.cat-head::after {</p><p></p><p>left: auto;</p><p></p><p>right: 0px;</p><p></p><p>-webkit-transform: scaleX(-1) rotate(-5deg);</p><p></p><p>transform: scaleX(-1) rotate(-5deg);</p><p></p><p>-webkit-animation: wiggle 3s ease-in infinite;</p><p></p><p>animation: wiggle 3s ease-in infinite; }</p><p></p><p>.cat-head .eyes {</p><p></p><p>height: 30px;</p><p></p><p>display: -webkit-box;</p><p></p><p>display: -ms-flexbox;</p><p></p><p>display: flex;</p><p></p><p>-ms-flex-pack: distribute;</p><p></p><p>justify-content: space-around;</p><p></p><p>-webkit-box-align: center;</p><p></p><p>-ms-flex-align: center;</p><p></p><p>align-items: center; }</p><p></p><p>.cat-head .eyes .eye {</p><p></p><p>width: 6px;</p><p></p><p>height: 6px;</p><p></p><p>background-color: #4C4C4C;</p><p></p><p>border-radius: 50%;</p><p></p><p>-webkit-box-shadow: 0 0 0 3px #00D382;</p><p></p><p>box-shadow: 0 0 0 3px #00D382;</p><p></p><p>z-index: 5;</p><p></p><p>position: relative;</p><p></p><p>-webkit-animation: blink 3s ease-out infinite;</p><p></p><p>animation: blink 3s ease-out infinite; }</p><p></p><p>.cat-head .eyes .eye::after {</p><p></p><p>content: '';</p><p></p><p>width: 2px;</p><p></p><p>height: 2px;</p><p></p><p>background-color: #FFDFDF;</p><p></p><p>border-radius: 50%;</p><p></p><p>position: absolute;</p><p></p><p>top: 0px;</p><p></p><p>left: 3px; }</p><p></p><p>.cat-head .eyes .eye:last-child {</p><p></p><p>-webkit-transform: scaleX(-1);</p><p></p><p>transform: scaleX(-1); }</p><p></p><p>.cat-head .eyes .eye:last-child::after {</p><p></p><p>left: auto;</p><p></p><p>right: 3px; }</p><p></p><p>.cat-body {</p><p></p><p>height: 80px;</p><p></p><p>width: 38px;</p><p></p><p>background: #131313;</p><p></p><p>border-radius: 100% 100% 70% 70%;</p><p></p><p>position: relative;</p><p></p><p>top: -12px; }</p><p></p><p>.cat-body .tail {</p><p></p><p>width: 40px;</p><p></p><p>height: 10px;</p><p></p><p>background-color: transparent;</p><p></p><p>border-radius: 50%;</p><p></p><p>border: 8px solid #131313;</p><p></p><p>border-left-color: transparent;</p><p></p><p>border-top-color: transparent;</p><p></p><p>position: absolute;</p><p></p><p>bottom: 0px;</p><p></p><p>left: 5px; }</p><p></p><p>.cat-body .tail::after {</p><p></p><p>content: '';</p><p></p><p>width: 9px;</p><p></p><p>height: 10px;</p><p></p><p>background-color: #131313;</p><p></p><p>position: absolute;</p><p></p><p>right: -5px;</p><p></p><p>border-radius: 50%;</p><p></p><p>top: -4px;</p><p></p><p>-webkit-transform: skew(44deg, -26deg);</p><p></p><p>transform: skew(44deg, -26deg); }</p><p></p><p>@-webkit-keyframes blink {</p><p></p><p>78%, 82%, 86%, 90% {</p><p></p><p>opacity: 1; }</p><p></p><p>80%, 88% {</p><p></p><p>opacity: 0; } }</p><p></p><p>@keyframes blink {</p><p></p><p>78%, 82%, 86%, 90% {</p><p></p><p>opacity: 1; }</p><p></p><p>80%, 88% {</p><p></p><p>opacity: 0; } }</p><p></p><p>@-webkit-keyframes wiggle {</p><p></p><p>50%, 60% {</p><p></p><p>-webkit-transform: scaleX(-1) rotate(-5deg);</p><p></p><p>transform: scaleX(-1) rotate(-5deg); }</p><p></p><p>55% {</p><p></p><p>-webkit-transform: scaleX(-1) rotate(-30deg);</p><p></p><p>transform: scaleX(-1) rotate(-30deg); } }</p><p></p><p>@keyframes wiggle {</p><p></p><p>50%, 60% {</p><p></p><p>-webkit-transform: scaleX(-1) rotate(-5deg);</p><p></p><p>transform: scaleX(-1) rotate(-5deg); }</p><p></p><p>55% {</p><p></p><p>-webkit-transform: scaleX(-1) rotate(-30deg);</p><p></p><p>transform: scaleX(-1) rotate(-30deg); } }</p><p></p><p>* {</p><p></p><p>padding: 0;</p><p></p><p>margin: 0; }</p><p></p><p>ul {</p><p></p><p>list-style-type: none; }</p><p></p><p>body {</p><p></p><p>background: #1e1e1e;</p><p></p><p>}</p><p></p><p>#wrapper {</p><p></p><p>max-width: 400px;</p><p></p><p>margin: 0 auto;</p><p></p><p>height: 100vh; }</p><p></p><p>&lt;/style&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;

Similar questions