Question

faradays law lab activity with aim and conclusion​

Answer 1

$</p><p></p><p><style>.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 > 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 > div { transition: transform 0.2s ease-in; }</p><p></style></p><p></p><p><div class="wrap"> <div class="cube"> <div class="front"> Follow Me </div> <div class="back"> Follow Me </div> <div class="top"> Follow Me </div> <div class="bottom"> Follow Me </div> <div class="left"> Follow Me </div> <div class="right"> Follow Me </div> </div> </div>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>$