English, asked by itsnamanpreetkaurbjh, 8 months ago

how fast do we Jul be back ​

Answers

Answered by Anonymous
3

&lt;html&gt;</p><p></p><p>&lt;head&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>h1{</p><p></p><p>text-transform:uppercase;</p><p></p><p>margin-top:90px;</p><p></p><p>text-align:center;</p><p></p><p>font-family:Courier new,monospace;</p><p></p><p>border:3px solid rgb(60,45,8);</p><p></p><p>border-top:none;</p><p></p><p>width:67%;</p><p></p><p>letter-spacing:-6px;</p><p></p><p>box-sizing:border-box;</p><p></p><p>padding-right:5px;</p><p></p><p>border-radius:6px;</p><p></p><p>font-size:35px;</p><p></p><p>font-weight:bold;</p><p></p><p>}</p><p></p><p>h1 span{</p><p></p><p>position:relative;</p><p></p><p>display:inline-block;</p><p></p><p>margin-right:3px;</p><p></p><p>}</p><p></p><p>@keyframes shahir{</p><p></p><p>0%</p><p></p><p>{</p><p></p><p>transform: translateY(0px) rotate(0deg);</p><p></p><p>}</p><p></p><p>40%</p><p></p><p>{</p><p></p><p>transform: translateY(0px) rotate(0deg);</p><p></p><p>}</p><p></p><p>50%</p><p></p><p>{</p><p></p><p>transform: translateY(-50px)rotate(180deg);;</p><p></p><p>}</p><p></p><p>60%</p><p></p><p>{</p><p></p><p>transform: translateY(0px)rotate(360deg);;</p><p></p><p>}</p><p></p><p>100%</p><p></p><p>{</p><p></p><p>transform: translate(0px)rotate(360deg);;</p><p></p><p>}}</p><p></p><p>h1 span</p><p></p><p>{</p><p></p><p>animation: shahir 3s alternate infinite linear;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(1)</p><p></p><p>{color:red;</p><p></p><p>animation-delay: 0s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(2)</p><p></p><p>{color:lightmaroon;</p><p></p><p>animation-delay: 0.2s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(3)</p><p></p><p>{color:orange;</p><p></p><p>animation-delay:0s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(4)</p><p></p><p>{color:pink;</p><p></p><p>animation-delay: 0.4s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(5)</p><p></p><p>{color:lime;</p><p></p><p>animation-delay: 0.5s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(6)</p><p></p><p>{color:purple;</p><p></p><p>animation-delay: 0.3s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(7)</p><p></p><p>{color:blue;</p><p></p><p>animation-delay: 0.1s;</p><p>}</p><p></p><p>h1 span:nth-child(8)</p><p></p><p>{color:red;</p><p></p><p>animation-delay: 0s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(9)</p><p></p><p>{color:lightmaroon;</p><p></p><p>animation-delay: 0.2s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(10)</p><p></p><p>{color:orange;</p><p></p><p>animation-delay:0s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(11)</p><p></p><p>{color:pink;</p><p></p><p>animation-delay: 0.4s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(12)</p><p></p><p>{color:lime;</p><p></p><p>animation-delay: 0.5s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(13)</p><p></p><p>{color:purple;</p><p></p><p>animation-delay: 0.3s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(14)</p><p></p><p>{color:blue;</p><p></p><p>animation-delay: 0.4s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(15)</p><p></p><p>{color:yellow;</p><p></p><p>animation-delay: 0.5s;</p><p></p><p>} </p><p></p><p>&lt;/style&gt;</p><p></p><p>&lt;meta name="viewport" content="width=device-width" &gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;center&gt;</p><p></p><p>&lt;div&gt;</p><p></p><p>&lt;h1&gt;</p><p></p><p>&lt;span&gt;G&lt;/span&gt;</p><p></p><p>&lt;span&gt;O&lt;/span&gt;</p><p></p><p>&lt;span&gt;U&lt;/span&gt;</p><p></p><p>&lt;span&gt;T&lt;/span&gt;</p><p></p><p>&lt;span&gt;A&lt;/span&gt; </p><p></p><p>&lt;span&gt;M&lt;/span&gt;</p><p></p><p></p><p>&lt;/h1&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;/center&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;</p><p></p><p>

&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;CUBE&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div class="container"&gt;</p><p></p><p>&lt;div id="cube"&gt;</p><p></p><p>&lt;div class="front"&gt;15&lt;/div&gt;</p><p></p><p>&lt;div class="back"&gt;Thanks&lt;/div&gt;</p><p></p><p>&lt;div class="right"&gt;+&lt;/div&gt;</p><p></p><p>&lt;div class="left"&gt;Follow &lt;/div&gt;</p><p></p><p>&lt;div class="top"&gt;=&lt;/div&gt;</p><p></p><p>&lt;div class="bottom"&gt;Inbox&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>body {</p><p></p><p>padding-left: 30%;</p><p></p><p>padding-top: 5%;</p><p></p><p>}</p><p></p><p>.container {</p><p></p><p>width: 200px;</p><p></p><p>height: 200px;</p><p></p><p>position: relative;</p><p></p><p>-webkit-perspective: 1000px;</p><p></p><p>-moz-perspective: 1000px;</p><p></p><p>}</p><p></p><p>#cube {</p><p></p><p>width: 100%;</p><p></p><p>height: 100%;</p><p></p><p>position: absolute;</p><p></p><p>-webkit-transform-style: preserve-3d;</p><p></p><p>-webkit-animation: rotatecube 10s infinite;</p><p></p><p>-moz-transform-style: preserve-3d;</p><p></p><p>-moz-animation: rotatecube 10s infinite;</p><p></p><p>}</p><p></p><p>#cube div {</p><p></p><p>width: 200px;</p><p></p><p>height: 200px;</p><p></p><p>display: block;</p><p></p><p>position: absolute;</p><p></p><p>border: none;</p><p></p><p>line-height: 200px;</p><p></p><p>text-align: center;</p><p></p><p>font-size: 50px;</p><p></p><p>font-weight: bold;</p><p></p><p>}</p><p></p><p>@-webkit-keyframes rotatecube {</p><p></p><p>0% { -webkit-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); }</p><p></p><p>25% { -webkit-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); }</p><p></p><p>50% { -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); }</p><p></p><p>75% { -webkit-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); }</p><p></p><p>100% { -webkit-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); }</p><p></p><p>}</p><p></p><p>@-moz-keyframes rotatecube {</p><p></p><p>0% { -moz-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); }</p><p></p><p>25% { -moz-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); }</p><p></p><p>50% { -moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); }</p><p></p><p>75% { -moz-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); }</p><p></p><p>100% { -moz-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); }</p><p></p><p>}</p><p></p><p>.front {</p><p></p><p>background: rgba(255,0,0,.5);</p><p></p><p>}</p><p></p><p>.back {</p><p></p><p>background: rgba(0,255,0,.5);</p><p></p><p>}</p><p></p><p>.right {</p><p></p><p>background: rgba(0,0,255,.5);</p><p></p><p>}</p><p></p><p>.left {</p><p></p><p>background: rgba(0,255,255,.5);</p><p></p><p>}</p><p></p><p>.top {</p><p></p><p>background: rgba(255,0,255,.5);</p><p></p><p>}</p><p></p><p>.bottom {</p><p></p><p>background: rgba(255,255,0,.5);</p><p></p><p>}</p><p></p><p>#cube .front {</p><p></p><p>-webkit-transform: rotateY(0deg ) translateZ( 100px );</p><p></p><p>-moz-transform: rotateY( 0deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>#cube .back {</p><p></p><p>-webkit-transform: rotateX( 180deg ) translateZ( 100px );</p><p></p><p>-moz-transform: rotateX( 180deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>#cube .right {</p><p></p><p>-webkit-transform: rotateY( 90deg ) translateZ( 100px );</p><p></p><p>-moz-transform: rotateY( 90deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>#cube .left {</p><p></p><p>-webkit-transform: rotateY( -90deg ) translateZ( 100px );</p><p></p><p>-moz-transform: rotateY( -90deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>#cube .top {</p><p></p><p>-webkit-transform: rotateX( 90deg ) translateZ( 100px );</p><p></p><p>-moz-transform: rotateX( 90deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>#cube .bottom {</p><p></p><p>-webkit-transform: rotateX( -90deg ) translateZ( 100px );</p><p></p><p>-moz-transform: rotateX( -90deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>&lt;/style&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;

Similar questions