Science, asked by gaganjais655, 11 months ago

normally rainwater is slightly​

Answers

Answered by Anonymous
0

</p><p></p><p>&lt;!DOCTYPE html&gt;</p><p>&lt;head&gt;</p><p>    </p><p>&lt;/head&gt;</p><p>&lt;body&gt;</p><p>    &lt;div class="dan"&gt;</p><p>    TTT &lt;/br&gt;</p><p>    &lt;/div&gt;</p><p>    &lt;div class="box"&gt;</p><p>        &lt;div&gt;</p><p>        &lt;span&gt;&lt;/span&gt;</p><p>        &lt;span&gt;&lt;/span&gt;</p><p>        &lt;span&gt;&lt;/span&gt;</p><p>        &lt;span&gt;&lt;/span&gt;</p><p>        &lt;span&gt;&lt;/span&gt;</p><p>        &lt;span&gt;&lt;/span&gt;</p><p>        &lt;span&gt;&lt;/span&gt;</p><p>        &lt;span&gt;&lt;/span&gt;</p><p>        &lt;span&gt;&lt;/span&gt;</p><p>        &lt;span&gt;&lt;/span&gt;</p><p>        &lt;span&gt;&lt;/span&gt;</p><p>        &lt;span&gt;&lt;/span&gt;</p><p>        &lt;span&gt;&lt;/span&gt;</p><p>        &lt;span&gt;&lt;/span&gt;</p><p>        &lt;span&gt;&lt;/span&gt;</p><p>        &lt;span&gt;&lt;/span&gt;</p><p>        &lt;span&gt;&lt;/span&gt;</p><p>        &lt;/div&gt;</p><p>        &lt;/div&gt;</p><p>&lt;/body&gt;</p><p>&lt;style&gt;</p><p>body</p><p>{</p><p>    margin: 0;</p><p>    padding: 0;</p><p>    overflow: hidden;</p><p>    min-height:500vh;</p><p>    background: radial-gradient( #63c5ff,#0380bb);</p><p>}</p><p>.box</p><p>{</p><p>    position:absolute;</p><p>    top: calc(50% -175px);</p><p>    left:calc(50% -100px);</p><p>    width: 200px;</p><p>    height: 350px;</p><p>    transform-style: preserve-3d;</p><p>    transform: perspective(1200px) rotateY(310deg);</p><p>}</p><p>.box div</p><p>{</p><p>    position:absolute;</p><p>    top:30%;</p><p>    left:60%;</p><p>    width:100%;</p><p>    height:100%;</p><p>    transform-style: preserve-3d;</p><p>    animation-name: animate;</p><p>    animation-duration:5s;</p><p>    animation-iteration-count: infinite;</p><p>    animation-timing-function: linear;</p><p>    </p><p>}</p><p>@keyframes animate</p><p>{</p><p>    0%</p><p>    {</p><p>        transform: perspective(1200px) rotateX(0deg);</p><p>    }</p><p>    100%</p><p>    {</p><p>        transform: perspective(1200px) rotateX(359deg);</p><p>    }</p><p>}</p><p>.box div span</p><p>{</p><p>    position:absolute;</p><p>    top:0;</p><p>    left:0;</p><p>    display:block;</p><p>    width:100%;</p><p>    height:100%;</p><p>    border: 1px solid #000;</p><p>    border-left: 2px solid #000;</p><p>    border-right: 2px solid #000;</p><p>    box-sizing:border-box;</p><p>    </p><p>}</p><p>.box div span:nth-child(1)</p><p>{</p><p>    transform: rotateX(0deg);</p><p>}</p><p>.box div span:nth-child(2)</p><p>{</p><p>    transform: rotateX(11.25deg);</p><p>    </p><p>}</p><p>.box div span:nth-child(3)</p><p>{</p><p>    transform: rotateX(22.5deg);</p><p>}</p><p>.box div span:nth-child(4)</p><p>{</p><p>    transform: rotateX(33.75deg);</p><p>}</p><p>.box div span:nth-child(5)</p><p>{</p><p>    transform: rotateX(45deg);</p><p>}</p><p>.box div span:nth-child(6)</p><p>{</p><p>    transform: rotateX(56.25deg);</p><p>}</p><p>.box div span:nth-child(7)</p><p>{</p><p>    transform: rotateX(67.5deg);</p><p>}</p><p>.box div span:nth-child(8)</p><p>{</p><p>    transform: rotateX(78.75deg);</p><p>}</p><p>.box div span:nth-child(9)</p><p>{</p><p>    transform: rotateX(90deg);</p><p>}</p><p>.box div span:nth-child(10)</p><p>{</p><p>    transform: rotateX(101.25deg);</p><p>}</p><p>.box div span:nth-child(11)</p><p>{</p><p>    transform: rotateX(112.5deg);</p><p>}</p><p>.box div span:nth-child(12)</p><p>{</p><p>    transform: rotateX(123.75deg);</p><p>}</p><p>.box div span:nth-child(13)</p><p>{</p><p>    transform: rotateX(135deg);</p><p>}</p><p>.box div span:nth-child(14)</p><p>{</p><p>    transform: rotateX(146.25deg);</p><p>}</p><p>.box div span:nth-child(15)</p><p>{</p><p>    transform: rotateX(157.5deg);</p><p>}</p><p>.box div span:nth-child(16)</p><p>{</p><p>    transform: rotateX(178.75deg);</p><p></p><p>}</p><p>.box div span:nth-child(17)</p><p>{</p><p>    transform: rotateX(180deg);</p><p></p><p>}</p><p></p><p>.box div span:before,</p><p>.box div span:after</p><p>{</p><p>    content:'';</p><p>    color: balck;</p><p>    text-align:center;</p><p>    position:absolute;</p><p>    width:100%;</p><p>    height:100px;</p><p>    border: 1px solid #000;</p><p>    box-sizing: border-box;</p><p>    background: radial-gradient(#fff,#031321);</p><p>}</p><p></p><p>.box div span:before</p><p>{</p><p>    top: 0;</p><p>    left:0;</p><p>    </p><p>}</p><p>.box div span:after</p><p>{</p><p>    </p><p>    bottom: 0;</p><p>    left:0;</p><p>    </p><p>}</p><p>.dan</p><p>{</p><p>    color:white;</p><p>    font-weight:bold;</p><p>    font-size:40px;</p><p>    text-align:center;</p><p>    animation-name:animatedan;</p><p>    animation-iteration-count:infinite ;</p><p>    animation-timing-function:alternate;</p><p>    animation-duration:4s;</p><p>}</p><p>@keyframes animatedan</p><p>{</p><p>    0%</p><p>    {</p><p>        color:red;</p><p>        font-size:40px;</p><p>    }</p><p>    100%</p><p>    {</p><p>        color:blue;</p><p>        font-size:30px;</p><p>    }</p><p>}</p><p>&lt;/style&gt;</p><p>&lt;/html&gt;</p><p></p><p>

Similar questions