English, asked by harithaboggula, 10 months ago

The power went off ,we were watching TV (combine with when)​

Answers

Answered by seemagerataneja
15

</p><p></p><p>&lt;style&gt;.wrap { margin-top: 150px; perspective: 1000px; perspective-origin: 50% 50%; }</p><p></p><p>.cube { margin: auto; position: relative; height: 200px; width: 200px; transform-style: preserve-3d; } .cube &gt; div { position: absolute; box-sizing: border-box; padding: 10px; height: 100%; width: 100%; opacity: 0.9; background-color: #000; border: solid 1px #eeeeee; color: #ffffff; }</p><p>.front { transform: translateZ(100px); } .back { transform: translateZ(-100px) rotateY(180deg); } .right { transform: rotateY(-270deg) translateX(100px); transform-origin: top right; } .left { transform: rotateY(270deg) translateX(-100px); transform-origin: center left; } .top { transform: rotateX(-270deg) translateY(-100px); transform-origin: top center; } .bottom { transform: rotateX(270deg) translateY(100px); transform-origin: bottom center; }</p><p>@keyframes rotate { from { transform: rotateX(0deg) rotateY(0deg); } to { transform: rotateX(360deg) rotateY(360deg); } } .cube { animation: rotate 20s infinite linear; }</p><p></p><p>.wrap:hover .front { transform: translateZ(200px); } .wrap:hover .back { transform: translateZ(-200px) rotateY(180deg); } .wrap:hover .right { transform: rotateY(-270deg) translateZ(100px) translateX(100px); } .wrap:hover .left { transform: rotateY(270deg) translateZ(100px) translateX(-100px); } .wrap:hover .top { transform: rotateX(-270deg) translateZ(100px) translateY(-100px); } .wrap:hover .bottom { transform: rotateX(270deg) translateZ(100px) translateY(100px); }</p><p></p><p>.cube &gt; div { transition: transform 0.2s ease-in; }</p><p>&lt;/style&gt;</p><p></p><p>&lt;div class="wrap"&gt; &lt;div class="cube"&gt; &lt;div class="front"&gt; Follow Me &lt;/div&gt; &lt;div class="back"&gt; Follow Me  &lt;/div&gt; &lt;div class="top"&gt; Follow Me  &lt;/div&gt; &lt;div class="bottom"&gt; Follow Me  &lt;/div&gt; &lt;div class="left"&gt; Follow Me  &lt;/div&gt; &lt;div class="right"&gt; Follow Me  &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;FOLLOW ME...AND LIKE MY ANSWERS...</p><p>IF YOU WILL LIKE MY 10 ANSWERS ...</p><p>I WILL TELL YOU HOW TO MAKE SUCH ANIMATIONS</p><p>

Answered by bhavsarrakshita
3

Answer:

When we were watching TV the power went off

Explanation:

plz now give me like and follow me

Similar questions