Hindi, asked by jainpayal310, 10 months ago

Date
Page
हिंदी
श का समस्त कार्य एक अलग कॉपी में कीजिए।
का वर्ण-विच्छेद कीजिए
गर्थी, व्यवहार, औपचारिकता, आत्मकथा, कृषक, महोत्सव, महापुरूष,
ता,साइकिल, पत्रिका, विभक्ति, ऋणमुक्त, गृहस्थी, विभीषिका, दुष्ट,
के लिाता
Tam​

Answers

Answered by sumit8486
0

&lt;!DOCTYPE html&gt;</p><p>&lt;html&gt;</p><p>    &lt;head&gt;</p><p>        &lt;title&gt;Comeback&lt;/title&gt;</p><p>    &lt;/head&gt;</p><p>    &lt;body&gt;</p><p>    </p><p>    &lt;!--</p><p>            After a long time</p><p>            I am back with the css code .... </p><p>    --&gt;</p><p>        &lt;div class="container"&gt;</p><p>            &lt;div class="sqs"&gt;</p><p>                &lt;div class="s1 sq"&gt;&lt;/div&gt;</p><p>                &lt;div class="s2 sq"&gt;&lt;/div&gt;</p><p>                &lt;div class="s3 sq"&gt;&lt;/div&gt;</p><p>            &lt;/div&gt;</p><p>            &lt;div class="li1 lines"&gt;</p><p>                &lt;div class="l1 l"&gt;&lt;/div&gt;</p><p>            &lt;/div&gt;</p><p>            &lt;div class="li2 lines"&gt;</p><p>                &lt;div class="l2 l"&gt;&lt;/div&gt;</p><p>            &lt;/div&gt;</p><p>            &lt;div class="li3 lines"&gt;</p><p>                &lt;div class="l3 l"&gt;&lt;/div&gt;</p><p>            &lt;/div&gt;</p><p>            &lt;div class="li4 lines"&gt;</p><p>                &lt;div class="l4 l"&gt;&lt;/div&gt;</p><p>            &lt;/div&gt;</p><p>            &lt;div class="li5 lines"&gt;</p><p>                &lt;div class="l5 l"&gt;&lt;/div&gt;</p><p>            &lt;/div&gt;</p><p>            &lt;div class="li6 lines"&gt;</p><p>                &lt;div class="l6 l"&gt;&lt;/div&gt;</p><p>            &lt;/div&gt;</p><p>            &lt;div class="li7 lines"&gt;</p><p>                &lt;div class="l7 l"&gt;&lt;/div&gt;</p><p>            &lt;/div&gt;</p><p>            &lt;div class="li8 lines"&gt;</p><p>                &lt;div class="l8 l"&gt;&lt;/div&gt;</p><p>            &lt;/div&gt;</p><p>            &lt;div class="dots"&gt;</p><p>                &lt;div class="d1 d"&gt;&lt;/div&gt;</p><p>                &lt;div class="d2 d"&gt;&lt;/div&gt;</p><p>                &lt;div class="d3 d"&gt;&lt;/div&gt;</p><p>                &lt;div class="d4 d"&gt;&lt;/div&gt;</p><p>            &lt;/div&gt;</p><p>            &lt;div class="dots2"&gt;</p><p>                &lt;div class="d5 d"&gt;&lt;/div&gt;</p><p>                &lt;div class="d6 d"&gt;&lt;/div&gt;</p><p>                &lt;div class="d7 d"&gt;&lt;/div&gt;</p><p>                &lt;div class="d8 d"&gt;&lt;/div&gt;</p><p>            &lt;/div&gt;</p><p>            &lt;div class="base"&gt;&lt;/div&gt;</p><p>        &lt;/div&gt;</p><p>    &lt;/body&gt;</p><p>&lt;/html&gt;</p><p>

 {</p><p>    background:#222;</p><p>}</p><p></p><p>/*</p><p>          ------ Made by Anonymous -------</p><p>*/</p><p></p><p>.container{</p><p>    width:320px;</p><p>    height:320px;</p><p>    position:absolute ;</p><p>    top:50%;</p><p>    left:50%;</p><p>    transform:translate(-50% , -50%);</p><p>}</p><p></p><p>.sqs{</p><p>    width:120px;</p><p>    height:120px;</p><p>    position:absolute ;</p><p>    top:50%;</p><p>    left:50%;</p><p>    transform:translate(-50% , -50%);</p><p>}</p><p></p><p>.sq{</p><p>    width:80px;</p><p>    height:80px;</p><p>    left:20px;</p><p>    top:20px;</p><p>    position:absolute ;</p><p>    animation:sq 3s linear infinite ;</p><p>}</p><p></p><p>@keyframes sq{</p><p>    0%{</p><p>        transform:rotate(0deg);</p><p>    }</p><p>    </p><p>    100%{</p><p>        transform:rotate(360deg);</p><p>    }</p><p>}</p><p></p><p>.s1{</p><p>    background:rgba(77,77,255,.8);</p><p>    animation-delay:.5s;</p><p>}</p><p></p><p>.s2{</p><p>    background:rgba(77,77,255,.6);</p><p>    animation-delay:1s;</p><p>}</p><p></p><p>.s3{</p><p>    background:rgba(77,77,255,.4);</p><p>}</p><p></p><p>.lines{</p><p>    width:220px;</p><p>    height:220px;</p><p>    position:absolute ;</p><p>    top:50px;</p><p>    left:50px;</p><p>    animation:lines 6s ease-in-out infinite ;</p><p>}</p><p></p><p>@keyframes lines{</p><p></p><p>    0%{</p><p>        transform:rotate(0deg);</p><p>    }</p><p>    </p><p>    100%{</p><p>        transform:rotate(360deg);</p><p>    }</p><p>}</p><p></p><p>.li1{</p><p>    animation-delay:.75s;</p><p>}</p><p></p><p>.li2{</p><p>    animation-delay:1.5s;</p><p>}</p><p>.li3{</p><p>    animation-delay:2.25s;</p><p>}</p><p></p><p>.li4{</p><p>    animation-delay:3s;</p><p>}</p><p>.li5{</p><p>    animation-delay:3.75s;</p><p>}</p><p></p><p>.li6{</p><p>    animation-delay:4.5s;</p><p>}</p><p>.li7{</p><p>    animation-delay:5.25s;</p><p>}</p><p></p><p>.li8{</p><p>    animation-delay:6s;</p><p>}</p><p></p><p>.l{</p><p>    background:#fff;</p><p>    width:6px;</p><p>    height:100px;</p><p>    position:absolute ;</p><p>    left:107px;</p><p>    bottom:110px;</p><p>    border-radius:10px;</p><p>}</p><p></p><p>.l1{</p><p>    background:linear-gradient(to top , transparent , #ffd700);</p><p>}</p><p></p><p>.l2{</p><p>    background:linear-gradient(to top , transparent , #00ffff);</p><p></p><p>}</p><p></p><p>.l3{</p><p>    background:linear-gradient(to top , transparent , #ff00ff);</p><p></p><p>}</p><p></p><p>.l4{</p><p>    background:linear-gradient(to top , transparent , #00dd00);</p><p></p><p>}</p><p></p><p>.l5{</p><p>    background:linear-gradient(to top , transparent , #ff7f50);</p><p></p><p>}</p><p></p><p>.l6{</p><p>    background:linear-gradient(to top , transparent , #4b0082);</p><p></p><p>}</p><p></p><p>.l7{</p><p>    background:linear-gradient(to top , transparent , #7fffd4);</p><p></p><p>}</p><p></p><p>.l8{</p><p>    background:linear-gradient(to top , transparent , #9b111e);</p><p></p><p>}</p><p></p><p>.dots{</p><p>    width:300px;</p><p>    height:300px;</p><p>    border-radius:50%;</p><p>    position:absolute ;</p><p>    top:10px;</p><p>    left:10px;</p><p>    animation:dots 4s linear infinite ;</p><p>}</p><p></p><p>@keyframes dots{</p><p>    0%{</p><p>        transform:rotate(0deg);</p><p>    }</p><p>    </p><p>    100%{</p><p>        transform:rotate(360deg);</p><p>    }</p><p>}</p><p></p><p>.d{</p><p>    width:8px;</p><p>    height:20px;</p><p>    position:absolute ;</p><p>    border-radius:10px;</p><p>    animation:d .5s linear infinite ;</p><p>}</p><p></p><p>@keyframes d{</p><p>    100%{</p><p>        transform:rotate(360deg);</p><p>    }</p><p>}</p><p></p><p>.d1{</p><p>    background:#ffd700;</p><p>    top:20px;</p><p>    left:144px;</p><p>    box-shadow:0px 0px 15px #ffd700;</p><p>}</p><p></p><p>.d2{</p><p>    background:#00ffff;</p><p>    bottom:20px;</p><p>    left:144px;</p><p>    box-shadow:0px 0px 15px #00ffff;</p><p>}</p><p></p><p>.d3{</p><p>    background:#ff00ff;</p><p>    top:144px;</p><p>    left:20px;</p><p>    box-shadow:0px 0px 15px #ff00ff;</p><p>}</p><p></p><p>.d4{</p><p>    background:#00dd00;</p><p>    top:144px;</p><p>    right:20px;</p><p>    box-shadow:0px 0px 15px #00dd00;</p><p>}</p><p></p><p>.dots2{</p><p>    width:300px;</p><p>    height:300px;</p><p>    border-radius:50%;</p><p>    position:absolute ;</p><p>    top:10px;</p><p>    left:10px;</p><p>    animation:dots2 4s .5s linear infinite ;</p><p>}</p><p></p><p>@keyframes dots2{</p><p>    0%{</p><p>        transform:rotate(0deg);</p><p>    }</p><p>    </p><p>    100%{</p><p>        transform:rotate(-360deg);</p><p>    }</p><p>}</p><p></p><p>.d5{</p><p>    background:#ff7f50;</p><p>    top:20px;</p><p>    left:144px;</p><p>    box-shadow:0px 0px 15px #ff7f50;</p><p>}</p><p></p><p>.d6{</p><p>    background:#4b0082;</p><p>    bottom:20px;</p><p>    left:144px;</p><p>    box-shadow:0px 0px 15px #4b0082;</p><p>}</p><p></p><p>.d7{</p><p>    background:#7fffd4;</p><p>    top:144px;</p><p>    left:20px;</p><p>    box-shadow:0px 0px 15px #7fffd4;</p><p>}</p><p></p><p>.d8{</p><p>    background:#9b111e;</p><p>    top:144px;</p><p>    right:20px;</p><p>    box-shadow:0px 0px 15px #9b111e;</p><p>}</p><p></p><p>.base{</p><p>    width:200px;</p><p>    height:30px;</p><p>    position:absolute ;</p><p>    bottom:-30px;</p><p>    left:50%;</p><p>    transform:translate(-50%);</p><p>    background:linear-gradient(to right , #43cea2 , #185a9d );</p><p>    border-radius:50px;</p><p>}

Similar questions