English, asked by rupbhusare3110, 8 months ago

Are free/where both /of patriarchy/the genders/one/a healthy / is society

Answers

Answered by abhi200414
16

a healthy one is society where both genders are free of patriarchy

&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>  &lt;div id="cube"&gt;</p><p>    &lt;div class="front"&gt;☺️&lt;/div&gt;</p><p>    &lt;div class="back"&gt;☺️&lt;/div&gt;</p><p>    &lt;div class="right"&gt;☺️&lt;/div&gt;</p><p>    &lt;div class="left"&gt;☺️&lt;/div&gt;</p><p>    &lt;div class="top"&gt;☺️&lt;/div&gt;</p><p>    &lt;div class="bottom"&gt;☺️&lt;/div&gt;</p><p>  &lt;/div&gt;</p><p>&lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>body {</p><p>  padding-left: 30%;</p><p>  padding-top: 5%;</p><p>}</p><p></p><p>.container {</p><p>  width: 200px;</p><p>  height: 200px;</p><p>  position: relative;</p><p>  -webkit-perspective: 1000px;</p><p>  -moz-perspective: 1000px;</p><p>}</p><p></p><p>#cube {</p><p>  width: 100%;</p><p>  height: 100%;</p><p>  position: absolute;</p><p>  -webkit-transform-style: preserve-3d;</p><p>  -webkit-animation: rotatecube 10s infinite;</p><p>  </p><p>  -moz-transform-style: preserve-3d;</p><p>  -moz-animation: rotatecube 10s infinite;</p><p>}</p><p></p><p>#cube div {</p><p>  width: 200px;</p><p>  height: 200px;</p><p>  display: block;</p><p>  position: absolute;</p><p>  border: none;</p><p>  line-height: 200px;</p><p>  text-align: center;</p><p>  font-size: 50px;</p><p> font-weight: bold;</p><p>}</p><p></p><p>@-webkit-keyframes rotatecube {</p><p>  0% { -webkit-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); }</p><p>  25% { -webkit-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); }</p><p>  50% { -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); }</p><p>  75% { -webkit-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); }</p><p>  100% { -webkit-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); }</p><p>}</p><p></p><p>@-moz-keyframes rotatecube {</p><p>  0% { -moz-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); }</p><p>  25% { -moz-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); }</p><p>  50% { -moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); }</p><p>  75% { -moz-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); }</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></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>  background: rgba(0,255,255,.5);</p><p>}</p><p></p><p>.top {</p><p>  background: rgba(255,0,255,.5);</p><p>}</p><p></p><p>.bottom {</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>#cube .back {</p><p>  -webkit-transform: rotateX( 180deg ) translateZ( 100px );</p><p>  -moz-transform: rotateX( 180deg ) translateZ( 100px );</p><p>}</p><p>#cube .right  {</p><p>  -webkit-transform: rotateY(  90deg ) translateZ( 100px );</p><p>  -moz-transform: rotateY(  90deg ) translateZ( 100px );</p><p>}</p><p>#cube .left   {</p><p>  -webkit-transform: rotateY( -90deg ) translateZ( 100px );</p><p>  -moz-transform: rotateY( -90deg ) translateZ( 100px );</p><p>}</p><p>#cube .top    {</p><p>  -webkit-transform: rotateX(  90deg ) translateZ( 100px );</p><p>  -moz-transform: rotateX(  90deg ) translateZ( 100px );</p><p>}</p><p>#cube .bottom {</p><p>  -webkit-transform: rotateX( -90deg ) translateZ( 100px );</p><p>  -moz-transform: rotateX( -90deg ) translateZ( 100px );</p><p>}</p><p></p><p>&lt;/style&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;

Answered by vk8091624
2

Answer:

\huge\blue{\fbox{\fbox{\red{\mathcal{will not be\: will go}}}}}

< !DOCTYPE html > < html lang="en" > < head > < title > CUBE < /title > < /head > < body > < div class="container" > < div id="cube" > < div class="front" > ☺️ < /div > < div class="back" > ☺️ < /div > < div class="right" > ☺️ < /div > < div class="left" > ☺️ < /div > < div class="top" > ☺️ < /div > < div class="bottom" > ☺️ < /div > < /div > < /div > < style > body { padding-left: 30%; padding-top: 5%; } .container { width: 200px; height: 200px; position: relative; -webkit-perspective: 1000px; -moz-perspective: 1000px; } #cube { width: 100%; height: 100%; position: absolute; -webkit-transform-style: preserve-3d; -webkit-animation: rotatecube 10s infinite; -moz-transform-style: preserve-3d; -moz-animation: rotatecube 10s infinite; } #cube div { width: 200px; height: 200px; display: block; position: absolute; border: none; line-height: 200px; text-align: center; font-size: 50px; font-weight: bold; } @-webkit-keyframes rotatecube { 0% { -webkit-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); } 25% { -webkit-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); } 50% { -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); } 75% { -webkit-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); } 100% { -webkit-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); } } @-moz-keyframes rotatecube { 0% { -moz-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); } 25% { -moz-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); } 50% { -moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); } 75% { -moz-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); } 100% { -moz-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); } } .front { background: rgba(255,0,0,.5); } .back { background: rgba(0,255,0,.5); } .right { background: rgba(0,0,255,.5); } .left { background: rgba(0,255,255,.5); } .top { background: rgba(255,0,255,.5); } .bottom { background: rgba(255,255,0,.5); } #cube .front { -webkit-transform: rotateY(0deg ) translateZ( 100px ); -moz-transform: rotateY( 0deg ) translateZ( 100px ); } #cube .back { -webkit-transform: rotateX( 180deg ) translateZ( 100px ); -moz-transform: rotateX( 180deg ) translateZ( 100px ); } #cube .right { -webkit-transform: rotateY( 90deg ) translateZ( 100px ); -moz-transform: rotateY( 90deg ) translateZ( 100px ); } #cube .left { -webkit-transform: rotateY( -90deg ) translateZ( 100px ); -moz-transform: rotateY( -90deg ) translateZ( 100px ); } #cube .top { -webkit-transform: rotateX( 90deg ) translateZ( 100px ); -moz-transform: rotateX( 90deg ) translateZ( 100px ); } #cube .bottom { -webkit-transform: rotateX( -90deg ) translateZ( 100px ); -moz-transform: rotateX( -90deg ) translateZ( 100px ); } < /style > < /body > < /html >

Similar questions