JUU
lal elles)
TUIViarks
1. Started business with cash 200000, furniture 50000, machine 40000, stock 30000
2. Goods sold to Mohan list price 15000 at 20% trade discount and 10% cash discount 50
% payment immediately received in cash
3. Accrued interest 2000
4. Outstanding wages 3000
5. Depreciation charged on machine @ 10%
6. Goods lost by fire 5000 insurance company accepted claim for 3000 only
7 Paid insurance for the next year 2000
8. Goods donate to a NGO 10000
9. Goods distributed as free samples
10. Goods purchased from John list price 100000 at 25% trade discount and 20% cash
discount 1/4" payment made at the time of purchase
Answers
< !DOCTYPE html > < html lang="en" > < head > < title >
CUBE < /title > < /head > < body > < div class="container"
>< div id="cube" > < div class="front" > pls </div > < div
class="back" > follow < /div > < div class="right" > me <
/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:
rotate cube 10s infinite; -moz-transform-style: preserve-3d;
-moz-animation: rotate cube 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 rotate cube {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) rotateY(0deg); } 75%{
webkit-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); } 100% {-webkit-transform: rotateX(360deg) rotateY(0deg) rotate (270deg);}}@
moz-keyframes rotate cube {0%{-moz-transform:
rotateX(0deg) rotateY(360deg) rotate (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 02552555 ; }
.top { background: rgba 25502555 ; }.bottom {
background: rgba(255,255,0,.5); } #cube front {-webkit
transform: rotateY(0deg) ) translate 100px); -moz
transform: rotateY( Odeg) translateZ( 100px ); ) #cube
back {-webkit-transform: rotate( 180deg) translatez
100px ); -moz-transform: rotateX( 180deg) translate
100px ); } #cube .right {-webkit-transform: rotateY( 90deg
) translateZ( 100px); -moz-transform: rotate Y( 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>