Rising warm air and sinking cool air from a circulat wind pattern called a(n)_________.
Share
Rising warm air and sinking cool air from a circulat wind pattern called a(n)_________.
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
<!DOCTYPE html>
<head>
</head>
<body>
<div class="dan">
Hey
</br>
</div>
<div class="box">
<div>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
</body>
<style>
body
{
margin: 0;
padding: 0;
overflow: hidden;
min-height:500vh;
background: radial-gradient( #63c5ff,#0380bb);
}
.box
{
position:absolute;
top: calc(50% -175px);
left:calc(50% -100px);
width: 200px;
height: 350px;
transform-style: preserve-3d;
transform: perspective(1200px) rotateY(310deg);
}
.box div
{
position:absolute;
top:30%;
left:60%;
width:100%;
height:100%;
transform-style: preserve-3d;
animation-name: animate;
animation-duration:5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes animate
{
0%
{
transform: perspective(1200px) rotateX(0deg);
}
100%
{
transform: perspective(1200px) rotateX(359deg);
}
}
.box div span
{
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:100%;
border: 1px solid #000;
border-left: 2px solid #000;
border-right: 2px solid #000;
box-sizing:border-box;
}
.box div span:nth-child(1)
{
transform: rotateX(0deg);
}
.box div span:nth-child(2)
{
transform: rotateX(11.25deg);
}
.box div span:nth-child(3)
{
transform: rotateX(22.5deg);
}
.box div span:nth-child(4)
{
transform: rotateX(33.75deg);
}
.box div span:nth-child(5)
{
transform: rotateX(45deg);
}
.box div span:nth-child(6)
{
transform: rotateX(56.25deg);
}
.box div span:nth-child(7)
{
transform: rotateX(67.5deg);
}
.box div span:nth-child(8)
{
transform: rotateX(78.75deg);
}
.box div span:nth-child(9)
{
transform: rotateX(90deg);
}
.box div span:nth-child(10)
{
transform: rotateX(101.25deg);
}
.box div span:nth-child(11)
{
transform: rotateX(112.5deg);
}
.box div span:nth-child(12)
{
transform: rotateX(123.75deg);
}
.box div span:nth-child(13)
{
transform: rotateX(135deg);
}
.box div span:nth-child(14)
{
transform: rotateX(146.25deg);
}
.box div span:nth-child(15)
{
transform: rotateX(157.5deg);
}
.box div span:nth-child(16)
{
transform: rotateX(178.75deg);
}
.box div span:nth-child(17)
{
transform: rotateX(180deg);
}
.box div span:before,
.box div span:after
{
content:'';
color: balck;
text-align:center;
position:absolute;
width:100%;
height:100px;
border: 1px solid #000;
box-sizing: border-box;
background: radial-gradient(#fff,#031321);
}
.box div span:before
{
top: 0;
left:0;
}
.box div span:after
{
bottom: 0;
left:0;
}
.dan
{
color:white;
font-weight:bold;
font-size:40px;
text-align:center;
animation-name:animatedan;
animation-iteration-count:infinite ;
animation-timing-function:alternate;
animation-duration:4s;
}
@keyframes animatedan
{
0%
{
color:red;
font-size:40px;
}
100%
{
color:blue;
font-size:30px;
}
}
</style>
</html>
[/tex]