Science, asked by vitthalpopalghat9575, 9 months ago

व्हाट इज द मीनिंग ऑफ condensation​

Answers

Answered by TheRiskyGuy
10

Answer:

</p><p>&lt;!DOCTYPE html&gt;</p><p>&lt;html&gt;</p><p>&lt;head&gt;</p><p>&lt;title&gt; VED PRAKASH&lt;/title&gt;</p><p>&lt;link rel="stylesheet" type="text/css" href="style.css"</p><p>&lt;/head&gt;</p><p>&lt;body&gt;</p><p> &lt;a href="#"&gt;</p><p>» »»risky »»»</p><p>     Click ↑&lt;/a&gt;</p><p> &lt;style type="text/css"&gt;body</p><p>{</p><p> margin: 0;</p><p> padding: 0;</p><p> background: #000;</p><p>}</p><p>a{</p><p> position: absolute;</p><p> top: 50%;</p><p> left: 50%;</p><p> transform: translate(-50%, 50%);</p><p> width: 250px;</p><p> height: 60px;</p><p> text-align: center;</p><p> line-height: 60px;</p><p> color: #fff;</p><p> font-size: 24px;</p><p> text-transform: uppercase;</p><p> text-decoration: none;</p><p> font-family: sans-serif;</p><p> box-sizing: border-box;</p><p> background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);</p><p> background-size: 300%;</p><p> border-radius: 30px;</p><p> z-index: 1;</p><p>}</p><p>a:hover</p><p>{</p><p> animation: animate 4s linear infinite;</p><p>}</p><p>@keyframes animate</p><p>{</p><p> 0%</p><p> {</p><p>  background-position: 0%;</p><p> }</p><p> 100%</p><p> {</p><p>  background-position: 400%;</p><p> }</p><p>}</p><p>a:before</p><p>{</p><p> content: '';</p><p> position: absolute;</p><p> top: -5px;</p><p> left: -5px;</p><p> right: -5px;</p><p> bottom: -5px;</p><p> z-index: -1;</p><p> background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);</p><p> background-size: 400%;</p><p> border-radius: 40px;</p><p> opacity: 0;</p><p> transition: 0.5s;</p><p></p><p>}</p><p>a:hover:before</p><p>{</p><p> </p><p> filter: blur(20px);</p><p> opacity:1;</p><p> animation: animate 4s linear infinite;</p><p>}   &lt;/style&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;</p><p>&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-purple::before,</p><p></p><p>.mouse-purple::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);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;</p><p></p><p>[tex]&lt;!DOCTYPE html&gt;</p><p></p><p>&lt;html&gt;</p><p></p><p>&lt;head&gt;</p><p></p><p>&lt;title&gt;CSS Heart Animation&lt;/title&gt;</p><p></p><p>&lt;style&gt;.back{</p><p></p><p>position:fixed;</p><p></p><p>margin:auto;</p><p></p><p>width:100%;</p><p></p><p>heart:100%;</p><p></p><p>top:0;</p><p></p><p>bottom:0;</p><p></p><p>left:0;</p><p></p><p>right:0;</p><p></p><p>padding:0;</p><p></p><p>background-color:black;</p><p></p><p>animation-name:back;</p><p></p><p>animation-duration:3s;</p><p></p><p>animation-iteration-count:infinite;</p><p></p><p>}</p><p></p><p>.heart{</p><p></p><p>background-color:white;</p><p></p><p>margin:50% auto;</p><p></p><p>top:0;</p><p></p><p>bottom:0;</p><p></p><p>right:0;</p><p></p><p>left:0;</p><p></p><p>padding:0;</p><p></p><p>height:50px;</p><p></p><p>width:50px;</p><p></p><p>transform:rotate(-45deg);</p><p></p><p>animation-name:heart;</p><p></p><p>animation-duration:3s;</p><p></p><p>animation-timing-function:ease-out;</p><p></p><p>animation-iteration-count:infinite;</p><p></p><p>}</p><p></p><p>.heart:before,.heart:after{</p><p></p><p>background-color:white;</p><p></p><p>position:absolute;</p><p></p><p>content:"";</p><p></p><p>width:50px;</p><p></p><p>height:50px;</p><p></p><p>border-radius:50%;</p><p></p><p>}</p><p></p><p>.heart:before{</p><p></p><p>left:25px;</p><p></p><p>}</p><p></p><p>.heart:after{</p><p></p><p>left:0;</p><p></p><p>top:-25px;</p><p></p><p>}</p><p></p><p>@keyframes heart{</p><p></p><p>0%{</p><p></p><p>transform:scale(1)rotate(-45deg);</p><p></p><p>}</p><p></p><p>50%{</p><p></p><p>transform:scale(0.6)rotate(-45deg);</p><p></p><p>}</p><p></p><p>}</p><p></p><p>@keyframes back{</p><p></p><p>0%{</p><p></p><p>background-color:black;</p><p></p><p>opacity:1;</p><p></p><p>}</p><p></p><p>50%{</p><p></p><p>background-color:#ff0099;</p><p></p><p>}</p><p></p><p>}&lt;/style&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div class="back"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="heart"&gt;&lt;/div&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;[/tex]

Answered by janusavadi
1

Answer:

Condensation is the process where water vapor becomes liquid. It is the reverse of evaporation, where liquid water becomes a vapor. Condensation happens one of two ways: Either the air is cooled to its dew point or it becomes so saturated with water vapor that it cannot hold any more water.

Similar questions