Geography, asked by shawanjail1998a, 6 months ago

gro
Ropot
(The
first phase of
Transition model seless to) -
Demographic​

Answers

Answered by kavipatil1290
0

Answer:

hmmmmmmmmmmmmmmmmmmmm

Answered by Anonymous
1

&lt;!DOCTYPE html&gt;</p><p></p><p></p><p></p><p>&lt;html lang="en"&gt;</p><p></p><p></p><p></p><p>&lt;head&gt;</p><p></p><p></p><p></p><p>&lt;title&gt;Rainbow loader&lt;/title&gt;</p><p></p><p></p><p></p><p>&lt;/head&gt;</p><p></p><p></p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div class="loader"&gt;</p><p></p><p>	&lt;div class="loader-inner"&gt;</p><p></p><p>		&lt;div class="loader-line-wrap"&gt;</p><p></p><p>			&lt;div class="loader-line"&gt;&lt;/div&gt;</p><p></p><p>		&lt;/div&gt;</p><p></p><p>		&lt;div class="loader-line-wrap"&gt;</p><p></p><p>			&lt;div class="loader-line"&gt;&lt;/div&gt;</p><p></p><p>		&lt;/div&gt;</p><p></p><p>		&lt;div class="loader-line-wrap"&gt;</p><p></p><p>			&lt;div class="loader-line"&gt;&lt;/div&gt;</p><p></p><p>		&lt;/div&gt;</p><p></p><p>		&lt;div class="loader-line-wrap"&gt;</p><p></p><p>			&lt;div class="loader-line"&gt;&lt;/div&gt;</p><p></p><p>		&lt;/div&gt;</p><p></p><p>		&lt;div class="loader-line-wrap"&gt;</p><p></p><p>			&lt;div class="loader-line"&gt;&lt;/div&gt;</p><p></p><p>		&lt;/div&gt;</p><p></p><p>	&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p></p><p></p><p>&lt;style&gt;</p><p></p><p> body {</p><p>height: 400px;</p><p></p><p>}</p><p></p><p>.loader {</p><p></p><p>    background: #000;</p><p></p><p>    background: radial-gradient(#222, #000);</p><p></p><p>    bottom: 0;</p><p></p><p>    left: 0;</p><p></p><p>    overflow: hidden;</p><p></p><p>    position: fixed;</p><p></p><p>    right: 0;</p><p></p><p>    top: 0;</p><p></p><p>    z-index: 99999;</p><p></p><p>}</p><p></p><p></p><p></p><p>.loader-inner {</p><p></p><p>    bottom: 0;</p><p></p><p>    height: 60px;</p><p></p><p>    left: 0;</p><p></p><p>    margin: auto;</p><p></p><p>    position: absolute;</p><p></p><p>    right: 0;</p><p></p><p>    top: 0;</p><p></p><p>    width: 100px;</p><p></p><p>}</p><p></p><p></p><p></p><p>.loader-line-wrap {</p><p></p><p>    animation: </p><p></p><p>		spin 2000ms cubic-bezier(.175, .885, .32, 1.275) infinite</p><p></p><p>	;</p><p></p><p>    box-sizing: border-box;</p><p></p><p>    height: 50px;</p><p></p><p>    left: 0;</p><p></p><p>    overflow: hidden;</p><p></p><p>    position: absolute;</p><p></p><p>    top: 0;</p><p></p><p>    transform-origin: 50% 100%;</p><p></p><p>    width: 100px;</p><p></p><p>}</p><p></p><p>.loader-line {</p><p></p><p>border-radius: 100%;</p><p></p><p>    box-sizing: border-box;</p><p></p><p>    height: 100px;</p><p></p><p>    left: 0;</p><p></p><p>    margin: 0 auto;</p><p></p><p>    position: absolute;</p><p></p><p>    right: 0;</p><p></p><p>    top: 0;</p><p></p><p>    width: 100px;</p><p></p><p></p><p></p><p> }</p><p></p><p>.loader-line-wrap:nth-child(1) { animation-delay: -50ms; }</p><p></p><p>.loader-line-wrap:nth-child(2) { animation-delay: -100ms; }</p><p></p><p>.loader-line-wrap:nth-child(3) { animation-delay: -150ms; }</p><p></p><p>.loader-line-wrap:nth-child(4) { animation-delay: -200ms; }</p><p></p><p>.loader-line-wrap:nth-child(5) { animation-delay: -250ms; }</p><p></p><p></p><p></p><p>.loader-line-wrap:nth-child(1) .loader-line {</p><p></p><p>    border-color: hsl(0, 80%, 60%);</p><p></p><p>    height: 90px;</p><p></p><p>    width: 90px;</p><p></p><p>    top: 7px;</p><p></p><p>}</p><p></p><p>.loader-line-wrap:nth-child(2) .loader-line {</p><p></p><p>    border-color: hsl(60, 80%, 60%);</p><p></p><p>    height: 76px;</p><p></p><p>    width: 76px;</p><p></p><p>    top: 14px;</p><p></p><p>}</p><p></p><p>.loader-line-wrap:nth-child(3) .loader-line {</p><p></p><p>    border-color: hsl(120, 80%, 60%);</p><p></p><p>    height: 62px;</p><p></p><p>    width: 62px;</p><p></p><p>    top: 21px;</p><p></p><p>}</p><p></p><p>.loader-line-wrap:nth-child(4) .loader-line {</p><p></p><p>    border-color: hsl(180, 80%, 60%);</p><p></p><p>    height: 48px;</p><p></p><p>    width: 48px;</p><p></p><p>    top: 28px;</p><p></p><p>}</p><p></p><p>.loader-line-wrap:nth-child(5) .loader-line {</p><p></p><p>    border-color: hsl(240, 80%, 60%);</p><p></p><p>    height: 34px;</p><p></p><p>    width: 34px;</p><p></p><p>    top: 35px;</p><p></p><p>}</p><p></p><p></p><p></p><p>@keyframes spin {</p><p></p><p>    0%, 15% {</p><p></p><p>		transform: rotate(0);</p><p></p><p>	}</p><p></p><p>	100% {</p><p></p><p>		transform: rotate(360deg);</p><p></p><p>	}</p><p></p><p>}</p><p></p><p>&lt;/style&gt;</p><p></p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;

Similar questions