English, asked by livinglegendstrom, 8 months ago

If you get a loan at a bank you pay it for 30 years . If you rob a bank you're out in 10 years .

Follow me for more Financial advices LMAO :)​

Answers

Answered by aditya0115
4

Answer:

< !DOCTYPE html > < html lang="en" > < head > < title > CUBE < /title > < /head > < body > < div class="container" > < div id="cube" > < div class="front" > ☺️ < /div > < div class="back" > Thanks < /div > < div class="right" > ♥️ < /div > < div class="left" > Thanks < /div > < div class="top" > ✌️ < /div > < div class="bottom" > Thanks < /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 >

Answered by Anonymous
1

Answer:

Good advice

Xd

&lt;!DOCTYPE html&gt;</p><p></p><p>&lt;html lang="en"&gt;</p><p></p><p>&lt;head&gt;</p><p></p><p>&lt;title&gt;Mickey Mouse&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div class="box"&gt;</p><p></p><p>&lt;div class="mouse mouse-lavender"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="mouse mouse-mint"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="mouse mouse-purple"&gt;&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>body {animation: background 3s infinite;}</p><p></p><p>.box * {position: absolute;}</p><p></p><p>.box {margin: 0 auto; height: 300px; width: 300px; top: 50%; transform: translateY(50%);}</p><p></p><p>.mouse {height: 100px; width: 100px; border-radius: 50%;}</p><p></p><p>.mouse::before,</p><p></p><p>.mouse::after{content: ''; position: absolute; display: block; height: 60px; width: 60px; border-radius: 50%; }</p><p></p><p>.mouse::before { top: -30%; left: -30%; }</p><p></p><p>.mouse::after { top: -30%; right: -30%; }</p><p></p><p>.mouse-lavender {background-color: #9b99ff; top: 50%; left: 0; animation: beat 3s 1s infinite; }</p><p></p><p>.mouse-lavender::before,</p><p></p><p>.mouse-lavender::after {background-color: #9b99ff;}</p><p></p><p>.mouse-mint { background-color: #82fff3; top: 50%; right: 0; animation: beat 3s 2s infinite; }</p><p></p><p>.mouse-mint::before,</p><p></p><p>.mouse-mint::after {background-color: #82fff3;}</p><p></p><p>.mouse-purple { background-color: #e682ff; top: 0%; left: 35%;animation: beat 3s 3s infinite; }</p><p></p><p>.mouse-purple::before,</p><p></p><p>.mouse-purple::after {background-color: #e682ff;}</p><p></p><p>@keyframes background2 {0% {background: #c3b8fc;}50% {background: #ccfff6;}100% {background: #feccff;}}</p><p></p><p>@keyframes beat {0% {transform: scale(1);opacity: 1;}50% {transform: scale(.6);opacity: .6;}}</p><p></p><p>&lt;/style&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;

Similar questions