Science, asked by rathiaryan35, 9 months ago

who hass 103 moons in galaxy​

Answers

Answered by jigyasa0310
29

SATURN

&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;❤️ Follow me❤️&lt;/div&gt;</p><p></p><p>&lt;div class="back"&gt;☺️&lt;/div&gt;</p><p></p><p>&lt;div class="right"&gt;❣️&lt;/div&gt;</p><p></p><p>&lt;div class="left"&gt;☺️&lt;/div&gt;</p><p></p><p>&lt;div class="top"&gt;❤️ Brainliest ❤️&lt;/div&gt;</p><p></p><p>&lt;div class="bottom"&gt;✌️&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;

Answered by spichhoredot123
2

Answer:

&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;title&gt;Bulb&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;main&gt; &lt;input class="l" type="checkbox"&gt; &lt;/main&gt; &lt;style&gt; *, *:before, *:after { box-sizing: border-box; margin: 0; padding: 0; } :root { /* minFontSize + (maxFontSize - minFontSize) * (100vw - minVWidth)/(maxVWidth - minVWidth) */ font-size: calc(64px + (80 - 64) * (100vw - 320px)/(960 - 320)); } body, input { font-size: 1em; line-height: 1.5; } body { background: #bbb; } input { display: block; margin-bottom: 1.5em; } main { padding: 1.5em 0 0 0; text-align: center; } .l { background-color: rgba(0,0,0,0.7); border-radius: 0.75em; box-shadow: 0.125em 0.125em 0 0.125em rgba(0,0,0,0.3) inset; color: #fdea7b; display: inline-flex; align-items: center; margin: auto; padding: 0.15em; width: 3em; height: 1.5em; transition: background-color 0.1s 0.3s ease-out, box-shadow 0.1s 0.3s ease-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .l:before, .l:after { content: ""; display: block; } .l:before { background-color: #d7d7d7; border-radius: 50%; width: 1.2em; height: 1.2em; transition: background-color 0.1s 0.3s ease-out, transform 0.3s ease-out; z-index: 1; } .l:after { background: linear-gradient(transparent 50%, rgba(0,0,0,0.15) 0) 0 50% / 50% 100%, repeating-linear-gradient(90deg,#bbb 0,#bbb,#bbb 20%,#999 20%,#999 40%) 0 50% / 50% 100%, radial-gradient(circle at 50% 50%,#888 25%, transparent 26%); background-repeat: no-repeat; border: 0.25em solid transparent; border-left: 0.4</p><p></p><p>[tex] &lt;html&gt; &lt;head&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; &lt;style&gt; Body{ background-color: yellow; font-family: cursive; } .glow{ font-size: 80px; color: #fff; text-align: center; -webkit-animation: glow 1s ease-in-out infinite alternate; -moz-animation: glow 1s ease-in-out infinite alternate; animation: glow 1s ease-in-out infinite alternate; } @-webkit-keyframes glow{ from{ text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073; } } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;h1 class="glow"&gt;Saturn &lt;/h1&gt; &lt;/body&gt; &lt;/html&gt;

Read more on Brainly.in - https://brainly.in/question/15642653#readmore

Similar questions