24.7 29 square root through long division method
Answers
Answer:
Answer:
Answer:
< !DOCTYPE html > < html lang="en" > < head > < title > Captain America Shield < /title > < /head > < div class="container" > < div class="circle outer-lv3" > < div class="circle outer-lv2" > < div class="circle outer-lv1" > < div class="center" > < div class="arrow top" > < /div > < div class="arrow left" > < /div > < div class="arrow right" > < /div > < /div > < /div > < /div > < /div > < /div > < style > html, body { background:#0846A8; height: 500px; } .container { width:100%; height: 100%; display: flex; justify-content: center; align-items: center; } .circle { border-radius: 50%; display: flex; flex-direction: row; justify-content: center; align-items: center; border:1px solid #000; } .outer-lv3 { background-image: linear-gradient(#870000,#FF4040,#870000); height: 260px; width: 260px; -webkit-animation: turning 8s infinite linear; animation: turning 8s infinite linear; } @-webkit-keyframes turning { 0% {transform: rotate(0deg)} 100% {transform: rotate(360deg)} } @keyframes turning { 0% {transform: rotate(0deg)} 100% {transform: rotate(360deg)} } .outer-lv2 { background: #fff; background-image: linear-gradient(#DBD9D9,#FAFAFA,#DBD9D9); height: 210px; width: 210px; } .outer-lv1 { background-image: linear-gradient(#870000,#FF4040,#870000); height: 150px; width: 150px; } .center { background-image: linear-gradient(#0846A8,#277AFF,#0846A8); height: 100px; width: 100px; border-radius: 50%; position: relative; overflow: hidden; border:1px solid #000; } .arrow { border-top: 35px solid #EDE8E8; border-bottom: 48px solid rgba(0,0,0,0.0); border-left: 48px solid transparent; border-right: 48px solid transparent; position: absolute; height: 0; width: 0; } .top { top: 35px; left: 2px; } .left { transform: rotate(72deg); top: 16px; left: -24px; } .right { transform: rotate(-72deg); top: 16px; left: 25px; } < /style > < /body > < /html >
< !DOCTYPE html > < html lang="en" > < head > < title > CUBE < /title > < /head > < body > < div class="container" > < div id="cube" > < div class="front" > hi < /div > < div class="back" > bro < /div > < div class="right" > hi < /div > < div class="left" > bro < /div > < div class="top" > hi < /div > < div class="bottom" > bro < /div > < /div > < /div > < style > body { padding-left: 30%; padding-top: 5%; } .container { width: 200px; height: 200px; position: relative; -webkit-perspective: 1000px; -moz-perspective: 1000px; } #cube { width: 100%; height: 100%; position: absolute; -webkit-transform-style: preserve-3d; -webkit-animation: rotatecube 10s infinite; -moz-transform-style: preserve-3d; -moz-animation: rotatecube 10s infinite; } #cube div { width: 200px; height: 200px; display: block; position: absolute; border: none; line-height: 200px; text-align: center; font-size: 50px; font-weight: bold; } @-webkit-keyframes rotatecube { 0% { -webkit-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); } 25% { -webkit-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); } 50% { -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); } 75% { -webkit-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); } 100% { -webkit-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); } } @-moz-keyframes rotatecube { 0% { -moz-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); } 25% { -moz-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); } 50% { -moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); } 75% { -moz-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); } 100% { -moz-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); } } .front { background: rgba(255,0,0,.5); } .back { background: rgba(0,255,0,.5); } .right { background: rgba(0,0,255,.5); } .left { background: rgba(0,255,255,.5); } .top { background: rgba(255,0,255,.5); } .bottom { background: rgba(255,255,0,.5); } #cube .front { -webkit-transform: rotateY(0deg ) translateZ( 100px ); -moz-transform: rotateY( 0deg ) translateZ( 100px ); } #cube .back { -webkit-transform: rotateX( 180deg ) translateZ( 100px ); -moz-transform: rotateX( 180deg ) translateZ( 100px ); } #cube .right { -webkit-transform: rotateY( 90deg ) translateZ( 100px ); -moz-transform: rotateY( 90deg ) translateZ( 100px ); } #cube .left { -webkit-transform: rotateY( -90deg ) translateZ( 100px ); -moz-transform: rotateY( -90deg ) translateZ( 100px ); } #cube .top { -webkit-transform: rotateX( 90deg ) translateZ( 100px ); -moz-transform: rotateX( 90deg ) translateZ( 100px ); } #cube .bottom { -webkit-transform: rotateX( -90deg ) translateZ( 100px ); -moz-transform: rotateX( -90deg ) translateZ( 100px ); } < /style > < /body > < /html >