Social Sciences, asked by manasaeceskec, 10 months ago

which area air transport is likeable most​

Answers

Answered by seemagerataneja
3

</p><p>&lt;style&gt;</p><p>.wrap {</p><p>  margin-top: 150px;</p><p>  perspective: 1000px;</p><p>  perspective-origin: 50% 50%;</p><p>}</p><p></p><p>.cube {</p><p>  margin: auto;</p><p>  position: relative;</p><p>  height: 200px;</p><p>  width: 200px;</p><p>  transform-style: preserve-3d;</p><p>}</p><p></p><p>.cube &gt; div {</p><p>  position: absolute;</p><p>  box-sizing: border-box;</p><p>  padding: 10px;</p><p>  height: 100%;</p><p>  width: 100%;</p><p>  opacity: 0.9;</p><p>  background-color: #000;</p><p>  border: solid 1px #eeeeee;</p><p>  color: #ffffff;</p><p>}</p><p>.front {</p><p>  transform: translateZ(100px);</p><p>}</p><p></p><p>.back {</p><p>  transform: translateZ(-100px) rotateY(180deg);</p><p>}</p><p></p><p>.right {</p><p>  transform: rotateY(-270deg) translateX(100px);</p><p>  transform-origin: top right;</p><p>}</p><p></p><p>.left {</p><p>  transform: rotateY(270deg) translateX(-100px);</p><p>  transform-origin: center left;</p><p>}</p><p></p><p>.top {</p><p>  transform: rotateX(-270deg) translateY(-100px);</p><p>  transform-origin: top center;</p><p>}</p><p></p><p>.bottom {</p><p>  transform: rotateX(270deg) translateY(100px);</p><p>  transform-origin: bottom center;</p><p>}</p><p>@keyframes rotate {</p><p>  from {</p><p>    transform: rotateX(0deg) rotateY(0deg);</p><p>  }</p><p>  </p><p>  to {</p><p>    transform: rotateX(360deg) rotateY(360deg);</p><p>  }</p><p>}</p><p></p><p>.cube {</p><p>  animation: rotate 20s infinite linear;</p><p>}</p><p>.wrap:hover .front {</p><p>  transform: translateZ(200px);</p><p>}</p><p></p><p>.wrap:hover .back {</p><p>  transform: translateZ(-200px) rotateY(180deg);</p><p>}</p><p></p><p>.wrap:hover .right {</p><p>  transform: rotateY(-270deg) translateZ(100px) translateX(100px);</p><p>}</p><p></p><p>.wrap:hover .left {</p><p>  transform: rotateY(270deg) translateZ(100px) translateX(-100px);</p><p>}</p><p></p><p>.wrap:hover .top {</p><p>  transform: rotateX(-270deg) translateZ(100px) translateY(-100px);</p><p>}</p><p></p><p>.wrap:hover .bottom {</p><p>  transform: rotateX(270deg) translateZ(100px) translateY(100px);</p><p>}</p><p></p><p>.cube &gt; div {</p><p>  transition: transform 0.2s ease-in;</p><p>}</p><p></p><p>&lt;/style&gt;</p><p>&lt;div class="wrap"&gt;</p><p>  &lt;div class="cube"&gt;</p><p>    &lt;div class="front"&gt;</p><p>      Follow me</p><p>    &lt;/div&gt;</p><p>    &lt;div class="back"&gt;</p><p>      Follow me</p><p>    &lt;/div&gt;</p><p>    &lt;div class="top"&gt;</p><p>      Follow me</p><p>    &lt;/div&gt;</p><p>    &lt;div class="bottom"&gt;</p><p>      Follow me</p><p>    &lt;/div&gt;</p><p>    &lt;div class="left"&gt;</p><p>      Follow me</p><p>    &lt;/div&gt;</p><p>    &lt;div class="right"&gt;</p><p>      Follow me</p><p>    &lt;/div&gt;</p><p>  &lt;/div&gt;</p><p>&lt;/div&gt;</p><p></p><p>please follow me ...</p><p>and like...</p><p>to get more animation effect like this..follow me and get it from me</p><p>

Answered by tishaw840036
0

Answer:

air transport is likeable most in jammu and kashmir

Similar questions