Hindi, asked by charanpreet91, 8 months ago

please guys help me out!!
useless things will be reported​

Attachments:

Answers

Answered by Anonymous
2

Answer:

&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;Captain America Shield&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;div class="container"&gt;</p><p></p><p>&lt;div class="circle outer-lv3"&gt;</p><p></p><p>&lt;div class="circle outer-lv2"&gt;</p><p></p><p>&lt;div class="circle outer-lv1"&gt;</p><p></p><p>&lt;div class="center"&gt;</p><p></p><p>&lt;div class="arrow top"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="arrow left"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="arrow right"&gt;&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&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>html, body {</p><p></p><p>background:#0846A8;</p><p></p><p>height: 500px;</p><p></p><p>}</p><p></p><p>.container {</p><p></p><p>width:100%;</p><p></p><p>height: 100%;</p><p></p><p>display: flex;</p><p></p><p>justify-content: center;</p><p></p><p>align-items: center;</p><p></p><p>}</p><p></p><p>.circle {</p><p></p><p>border-radius: 50%;</p><p></p><p>display: flex;</p><p></p><p>flex-direction: row;</p><p></p><p>justify-content: center;</p><p></p><p>align-items: center;</p><p></p><p>border:1px solid #000;</p><p></p><p>}</p><p></p><p>.outer-lv3 {</p><p></p><p>background-image: linear-gradient(#870000,#FF4040,#870000);</p><p></p><p>height: 260px;</p><p></p><p>width: 260px;</p><p></p><p>-webkit-animation: turning 8s infinite linear;</p><p></p><p>animation: turning 8s infinite linear;</p><p></p><p>}</p><p></p><p>@-webkit-keyframes turning {</p><p></p><p>0% {transform: rotate(0deg)}</p><p></p><p>100% {transform: rotate(360deg)}</p><p></p><p>}</p><p></p><p>@keyframes turning {</p><p></p><p>0% {transform: rotate(0deg)}</p><p></p><p>100% {transform: rotate(360deg)}</p><p></p><p>}</p><p></p><p>.outer-lv2 {</p><p></p><p>background: #fff;</p><p></p><p>background-image: linear-gradient(#DBD9D9,#FAFAFA,#DBD9D9);</p><p></p><p>height: 210px;</p><p></p><p>width: 210px;</p><p></p><p>}</p><p></p><p>.outer-lv1 {</p><p></p><p>background-image: linear-gradient(#870000,#FF4040,#870000);</p><p></p><p>height: 150px;</p><p></p><p>width: 150px;</p><p></p><p>}</p><p></p><p>.center {</p><p></p><p>background-image: linear-gradient(#0846A8,#277AFF,#0846A8);</p><p></p><p>height: 100px;</p><p></p><p>width: 100px;</p><p></p><p>border-radius: 50%;</p><p></p><p>position: relative;</p><p></p><p>overflow: hidden;</p><p></p><p>border:1px solid #000;</p><p></p><p>}</p><p></p><p>.arrow {</p><p></p><p>border-top: 35px solid #EDE8E8;</p><p></p><p>border-bottom: 48px solid rgba(0,0,0,0.0);</p><p></p><p>border-left: 48px solid transparent;</p><p></p><p>border-right: 48px solid transparent;</p><p></p><p>position: absolute;</p><p></p><p>height: 0;</p><p></p><p>width: 0;</p><p></p><p>}</p><p></p><p>.top {</p><p></p><p>top: 35px;</p><p></p><p>left: 2px;</p><p></p><p>}</p><p></p><p>.left {</p><p></p><p>transform: rotate(72deg);</p><p></p><p>top: 16px;</p><p></p><p>left: -24px;</p><p></p><p>}</p><p></p><p>.right {</p><p></p><p>transform: rotate(-72deg);</p><p></p><p>top: 16px;</p><p></p><p>left: 25px;</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;

&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;hi&lt;/div&gt;</p><p></p><p>&lt;div class="back"&gt;bro&lt;/div&gt;</p><p></p><p>&lt;div class="right"&gt;hi&lt;/div&gt;</p><p></p><p>&lt;div class="left"&gt;bro&lt;/div&gt;</p><p></p><p>&lt;div class="top"&gt;hi&lt;/div&gt;</p><p></p><p>&lt;div class="bottom"&gt;bro&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;

Previous Question
Next Question
Similar questions
Computer Science, 4 months ago
WHO IS OWNER OF WIKIPEDIA AND BRAINLY...
English, 4 months ago
Question 4 of 14: Give theme of "A Bronze head'.​
English, 4 months ago
he broke my leg is transitive or intransitive or incomplete predication please answer me fast please​...
Math, 8 months ago
the value of the following using the number line activity: (1) (-4)+(+3) (2) (-4)+(-3) (3) (+4)+(-3)​...
Science, 8 months ago
please help me please ​...
English, 11 months ago
Central idea of the character of happy man...
English, 11 months ago
I want 100 words about my drawing hobby...
Political Science, 11 months ago
What was the philosophy underlying the constitution?