Hindi, asked by krohit6640, 1 year ago

srijan ki ichcha ke liye ek Shabd kya hai​

Answers

Answered by Anonymous
1

Answer:

loading&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;Wavy text&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div class="wavy"&gt;</p><p>  &lt;span style="--i:1;"&gt;L&lt;/span&gt;</p><p>  &lt;span style="--i:2;"&gt;o&lt;/span&gt;</p><p>  &lt;span style="--i:3;"&gt;a&lt;/span&gt;</p><p>  &lt;span style="--i:4;"&gt;d&lt;/span&gt;</p><p>  &lt;span style="--i:5;"&gt;i&lt;/span&gt;</p><p>  &lt;span style="--i:6;"&gt;n&lt;/span&gt;</p><p>  &lt;span style="--i:7;"&gt;g&lt;/span&gt;</p><p>  &lt;span style="--i:8;"&gt;.&lt;/span&gt;</p><p>  &lt;span style="--i:9;"&gt;.&lt;/span&gt;</p><p>  &lt;span style="--i:10;"&gt;.&lt;/span&gt;</p><p>&lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>* {</p><p>  margin: 0;</p><p>  padding: 0;</p><p>  box-sizing: border-box;</p><p>  font-family: consolas;</p><p>}</p><p>body {</p><p>  display: flex;</p><p>  justify-content: center;</p><p>  align-items: center;</p><p>  min-height: 100px;</p><p>  background: #000;</p><p>}</p><p>.wavy {</p><p>  position: relative;</p><p>  -webkit-box-reflect: below -12px linear-gradient(transparent, rgba(0, 0, 0, 0.2));</p><p>}</p><p>.wavy span {</p><p>  position: relative;</p><p>  display: inline-block;</p><p>  color: #fff;</p><p>  font-size: 2em;</p><p>  text-transform: uppercase;</p><p>  animation: animate 1.5s ease-in-out infinite;</p><p>  animation-delay: calc(.1s * var(--i))</p><p>}</p><p>@keyframes animate {</p><p>  0%, 100% {</p><p>    transform: translateY(0px);</p><p>  }</p><p>  20% {</p><p>    transform: translateY(-20px);</p><p>  }</p><p>  40% {</p><p>    transform: translateY(0px);</p><p>  }</p><p>}</p><p></p><p>&lt;/style&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;

Explanation:

Similar questions