Question

find the cost of painting 3 iron box at the rate of 5% per square metre whose dimensions are 1.5 metre into 0.85 metre into 0.22 metre into 0.65 metre into 0.35 and 2 metre into 0.9 into 0.45m​

Answer 1

$</p><p><style></p><p>.wrap{</p><p> margin-top: 200px;</p><p> perspective: 1000px;</p><p> perspective-origin: 50% 50%;</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> -ms-transform-style: preserve-3d;</p><p> -webkit-transform-style: preserve-3d;</p><p>}</p><p>.cube 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> border: solid 1px #eeeeee;</p><p> color: #ffffff;</p><p>}</p><p></p><p>.front {</p><p>background-color:#f8cc0f;</p><p>}</p><p>.back {</p><p>background-color:#4db849;</p><p>}</p><p>.right {</p><p>background-color:#e8483f;</p><p>}</p><p>.left {</p><p>background-color:#ffa6a6;</p><p>}</p><p>.top {</p><p>background-color:#000;</p><p>}</p><p>.bottom {</p><p>background-color:#53bdeb;</p><p>}</p><p>.front {</p><p> transform: translateZ(100px);</p><p> -ms-transform: translateZ(100px);</p><p> -webkit-transform: translateZ(100px);</p><p> background-color:#f8cc0f;</p><p>}</p><p>.back {</p><p> transform: translateZ(-100px) rotateY(180deg);</p><p> -webkit-transform: translateZ(-100px) rotateY(180deg);</p><p> -ms-transform: translateZ(-100px) rotateY(180deg);</p><p> background-color:#4db849;</p><p>}</p><p>.right {</p><p> transform: rotateY(-270deg) translateX(100px);</p><p> -ms-transform: rotateY(-270deg) translateX(100px);</p><p> -webkit-transform: rotateY(-270deg) translateX(100px);</p><p> transform-origin: top right;</p><p> -ms-transform-origin: top right;</p><p> -webkit-transform-origin: top right;</p><p> background-color:#e8483f;</p><p>}</p><p>.left {</p><p> transform: rotateY(270deg) translateX(-100px);</p><p> -webkit-transform: rotateY(270deg) translateX(-100px);</p><p> -ms-transform: rotateY(270deg) translateX(-100px);</p><p> transform-origin: center left;</p><p> -ms-transform-origin: center left;</p><p> -webkit-transform-origin: center left;</p><p> background-color:#ffa6a6;</p><p>}</p><p>.top {</p><p> transform: rotateX(-270deg) translateY(-100px);</p><p> -webkit-transform: rotateX(-270deg) translateY(-100px);</p><p> -ms-transform: rotateX(-270deg) translateY(-100px);</p><p> transform-origin: top center;</p><p> -ms-transform-origin: top center;</p><p> -webkit-transform-origin: top center;</p><p> background-color:#000;</p><p>}</p><p>.bottom {</p><p> transform: rotateX(270deg) translateY(100px);</p><p> -webkit-transform: rotateX(270deg) translateY(100px);</p><p> -ms-transform: rotateX(270deg) translateY(100px);</p><p> transform-origin: bottom center;</p><p> -ms-transform-origin: bottom center;</p><p> -webkit-transform-origin: bottom center;</p><p> background-color:#53bdeb;</p><p>}</p><p></p><p>@keyframes rotate {</p><p> from {</p><p> transform: rotateX(0deg) rotateY(0deg);</p><p> -ms-transform: rotateX(0deg) rotateY(0deg);</p><p> -webkit-transform: rotateX(0deg) rotateY(0deg);</p><p> }</p><p>to {</p><p> transform: rotateX(360deg) rotateY(360deg);</p><p> -ms-transform: rotateX(360deg) rotateY(360deg);</p><p> -webkit-transform: rotateX(360deg) rotateY(360deg);</p><p> }</p><p>}</p><p>@-webkit-keyframes rotate {</p><p> from {</p><p> transform: rotateX(0deg) rotateY(0deg);</p><p> -ms-transform: rotateX(0deg) rotateY(0deg);</p><p> -webkit-transform: rotateX(0deg) rotateY(0deg);</p><p> }</p><p>to {</p><p> transform: rotateX(360deg) rotateY(360deg);</p><p> -ms-transform: rotateX(360deg) rotateY(360deg);</p><p> -webkit-transform: rotateX(360deg) rotateY(360deg);</p><p> }</p><p>}</p><p>.cube {</p><p> animation: rotate 20s infinite linear;</p><p> -webkit-animation: rotate 20s infinite linear;</p><p>}</p><p></style></p><p><div class="wrap"></p><p> <div class="cube"></p><p> <div class="front"></p><p> Front side</p><p> </div></p><p> <div class="back"></p><p> Back side</p><p> </div></p><p> <div class="top"></p><p> Top side</p><p> </div></p><p> <div class="bottom"></p><p> Bottom side</p><p> </div></p><p> <div class="left"></p><p> Left side</p><p> </div></p><p> <div class="right"></p><p> Right side</p><p> </div></p><p> </div><!--The cube--></p><p></div><--The Wrap --></p><p>$