English, asked by thendupnamgyal, 9 months ago

the essence of swifts essay the modest proposal ​

Answers

Answered by Anonymous
3

Explanation:

Jonathan Swift's 'A Modest Proposal' is a satirical essay meant to underline the problems of both the English and the Irish in 1729. Satire is the use of irony, humor or exaggeration to criticize the ideas of others.

&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;

Similar questions