India Languages, asked by ilham1107, 10 months ago

ganesh murti near Gandharv water park write short note​

Answers

Answered by spsingh05481
3

Answer:

A great place to enjoy water rides and a rain dance session the place is a good one day trip option.

Great with family or friends !The food served is descent and there are stalls wherein tattoo, Dance,games can be enjoyed.

the snacks served in the garden are better than the lunch options.The place has a feel like Chokhi dani on a small scale.

Answered by SɴᴏᴡʏSᴇᴄʀᴇᴛ
23

&lt;!DOCTYPE html&gt;</p><p>&lt;html lang="en"&gt;</p><p>&lt;head&gt;</p><p>&lt;title&gt;CUBE&lt;/title&gt;</p><p>&lt;/head&gt;</p><p>&lt;body&gt;</p><p>&lt;div class="container"&gt;</p><p></p><p> &lt;div id="cube"&gt;</p><p> &lt;div class="front"&gt;☺️&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;☺️&lt;/div&gt;</p><p></p><p>    &lt;div class="bottom"&gt;☺️&lt;/div&gt;</p><p></p><p>  &lt;/div&gt;</p><p>&lt;/div&gt;</p><p>&lt;style&gt;</p><p>body {</p><p>  padding-left: 30%;</p><p></p><p>  padding-top: 5%;</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>#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></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></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>.front {</p><p> background: rgba(255,0,0,.5);</p><p>}</p><p>.back {</p><p>  background: rgba(0,255,0,.5);</p><p></p><p>}</p><p>.right {</p><p>  background: rgba(0,0,255,.5);</p><p></p><p>}</p><p>.left {</p><p></p><p>  background: rgba(0,255,255,.5);</p><p>}</p><p>.top {</p><p></p><p>  background: rgba(255,0,255,.5);</p><p>}</p><p>.bottom {</p><p></p><p>  background: rgba(255,255,0,.5);</p><p></p><p>}</p><p>#cube .front  {</p><p>  -webkit-transform: rotateY(0deg ) translateZ( 100px );</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>&lt;/style&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;

Similar questions