Science, asked by Ashleybello117, 11 months ago

Rising warm air and sinking cool air from a circulat wind pattern called a(n)_________.

Answers

Answered by vROYv

$ <!DOCTYPE html> <head> </head> <body> <div class="dan"> Hey </div> <div class="box"> <div> </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> $

Previous Question

Next Question