Computer Science, asked by anmol9052, 11 months ago

generation of Q basic ( please dont copy same words of google first result​

Answers

Answered by Anonymous
2

Explanation:

</p><p>&lt;!DOCTYPE html&gt;</p><p>&lt;html&gt;</p><p>&lt;head&gt;</p><p>&lt;title&gt;Page Title&lt;/title&gt;</p><p>&lt;/head&gt;</p><p>&lt;body&gt;</p><p></p><p></p><p>&lt;/body&gt;</p><p>&lt;div class="stage"&gt;</p><p>  &lt;div class="layer"&gt;&lt;/div&gt;</p><p>  &lt;div class="layer"&gt;&lt;/div&gt;</p><p>  &lt;div class="layer"&gt;&lt;/div&gt;</p><p>  &lt;div class="layer"&gt;&lt;/div&gt;</p><p>  &lt;div class="layer"&gt;&lt;/div&gt;</p><p>  &lt;div class="layer"&gt;&lt;/div&gt;</p><p>  &lt;div class="layer"&gt;&lt;/div&gt;</p><p>  &lt;div class="layer"&gt;&lt;/div&gt;</p><p>  </p><p>  &lt;div class="layer"&gt;&lt;/div&gt;</p><p>  </p><p></p><p>  &lt;div class="layer"&gt;&lt;/div&gt;</p><p>  &lt;div class="layer"&gt;&lt;/div&gt;</p><p>  &lt;div class="layer"&gt;&lt;/div&gt;</p><p>  &lt;div class="layer"&gt;&lt;/div&gt;</p><p>  &lt;div class="layer"&gt;&lt;/div&gt;</p><p>   &lt;div class="layer"&gt;&lt;/div&gt;</p><p>&lt;/div&gt;</p><p>&lt;style&gt;</p><p></p><p></p><p>@import url('//fonts.googleapis.com/css?family=Pacifico&amp;text=Pure');</p><p>@import url('//fonts.googleapis.com/css?family=Roboto:700&amp;text=css');</p><p>@import url('//fonts.googleapis.com/css?family=Kaushan+Script&amp;text=!');</p><p></p><p>body { </p><p>  min-height: 90px;</p><p>  height: 100vh;</p><p>  margin: auto;</p><p>  background: yellow(circle, darken(dodgerblue, 10%), #1f4f96, #1b2949, #000);</p><p>}</p><p></p><p>.stage {</p><p>  height: 90px;</p><p>  width: 200px;</p><p>  margin: auto;</p><p>  position: absolute;</p><p>  top: 0; right: 0; bottom: 0; left: 0;</p><p>  perspective: 9999px;</p><p>  transform-style: preserve-3d;</p><p>}</p><p></p><p>.layer {</p><p>  width: 100%;</p><p>  height: 100%;</p><p>  position: absolute;</p><p>  transform-style: preserve-3d;</p><p>  animation: ಠ_ಠ 5s infinite alternate ease-in-out -7.5s;</p><p>  animation-fill-mode: forwards;</p><p>  transform: rotateY(360deg) rotateX(16deg) translateZ(0);</p><p>}</p><p></p><p>.layer:after {</p><p>  font: 50px/0.65 cursive;</p><p>  content: 'priyanshi \A    priyanshi';</p><p>  white-space: pre;</p><p>  text-align: center;</p><p>  height: 100%;</p><p>  width: 100%;</p><p>  position: absolute;</p><p>  top: 50px; </p><p>  color: (#34d2eb, 4%);</p><p>  letter-spacing: -2px;</p><p>  text-shadow: 4px 0 10px hsla(0, 0%, 0%, .13);</p><p>}</p><p></p><p>$i: 1;</p><p>$NUM_LAYERS: 20;</p><p>@for $i from 1 through $NUM_LAYERS {</p><p>  .layer:nth-child(#{$i}):after{</p><p>    transform: translateZ(($i - 1) * -10.5px);</p><p>  }</p><p>}</p><p></p><p>.layer:nth-child(n+#{round($NUM_LAYERS/2)}):after {</p><p>  -webkit-text-stroke: 3px hsla(0, 0%, 0%, .25);</p><p>}</p><p></p><p>.layer:nth-child(n+#{round($NUM_LAYERS/2 + 1)}):after {</p><p>  -webkit-text-stroke: 15px dodgerblue;</p><p>  text-shadow: 6px 0 6px darken(dodgerblue,35%),</p><p>               5px 5px 5px darken(dodgerblue,40%),</p><p>               0 6px 6px darken(dodgerblue,35%);</p><p>}</p><p></p><p>.layer:nth-child(n+#{round($NUM_LAYERS/2 + 2)}):after {</p><p>  -webkit-text-stroke: 15px darken(dodgerblue, 10%);</p><p>}</p><p></p><p>.layer:last-child:after {</p><p>  -webkit-text-stroke: 17px hsla(0, 0%, 0%, .1);</p><p>}</p><p></p><p>.layer:first-child:after{</p><p>  color: #34d2eb;</p><p>  text-shadow: none;</p><p>}</p><p></p><p>@keyframes ಠ_ಠ {</p><p>  100% { transform: rotateY(-170deg) rotateX(-90deg); }</p><p>}</p><p>&lt;/style&gt;</p><p>&lt;/html&gt;</p><p></p><p>

Similar questions