

InterviewSolution
Saved Bookmarks
1. |
Distinguish between gondpatla and and the kings of mahajanapadas |
Answer» <html><body><img align="absmiddle" alt="CUBE 1 2 3 4 5 6 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 ); }" class="latex-formula" id="TexFormula1" src="https://tex.z-dn.net/?f=%3C%21DOCTYPE%20html%3E%20%3Chtml%20lang%3D%22en%22%3E%20%3Chead%3E%20%3Ctitle%3ECUBE%3C%2Ftitle%3E%20%3C%2Fhead%3E%20%3Cbody%3E%20%3Cdiv%20class%3D%22container%22%3E%20%3Cdiv%20id%3D%22cube%22%3E%20%3Cdiv%20class%3D%22front%22%3E1%3C%2Fdiv%3E%20%3Cdiv%20class%3D%22back%22%3E2%3C%2Fdiv%3E%20%3Cdiv%20class%3D%22right%22%3E3%3C%2Fdiv%3E%20%3Cdiv%20class%3D%22left%22%3E4%3C%2Fdiv%3E%20%3Cdiv%20class%3D%22top%22%3E5%3C%2Fdiv%3E%20%3Cdiv%20class%3D%22bottom%22%3E6%3C%2Fdiv%3E%20%3C%2Fdiv%3E%20%3C%2Fdiv%3E%20%3Cstyle%3E%20body%20%7B%20padding-left%3A%2030%25%3B%20padding-top%3A%205%25%3B%20%7D%20.container%20%7B%20width%3A%20200px%3B%20height%3A%20200px%3B%20position%3A%20relative%3B%20-webkit-perspective%3A%201000px%3B%20-moz-perspective%3A%201000px%3B%20%7D%20%23cube%20%7B%20width%3A%20100%25%3B%20height%3A%20100%25%3B%20position%3A%20absolute%3B%20-webkit-transform-style%3A%20preserve-3d%3B%20-webkit-animation%3A%20rotatecube%2010s%20infinite%3B%20-moz-transform-style%3A%20preserve-3d%3B%20-moz-animation%3A%20rotatecube%2010s%20infinite%3B%20%7D%20%23cube%20div%20%7B%20width%3A%20200px%3B%20height%3A%20200px%3B%20display%3A%20block%3B%20position%3A%20absolute%3B%20border%3A%20none%3B%20line-height%3A%20200px%3B%20text-align%3A%20center%3B%20font-size%3A%2050px%3B%20font-weight%3A%20bold%3B%20%7D%20%40-webkit-keyframes%20rotatecube%20%7B%200%25%20%7B%20-webkit-transform%3A%20rotateX%280deg%29%20rotateY%28360deg%29%20rotateZ%2890deg%29%3B%20%7D%2025%25%20%7B%20-webkit-transform%3A%20rotateX%2890deg%29%20rotateY%28270deg%29%20rotateZ%28180deg%29%3B%20%7D%2050%25%20%7B%20-webkit-transform%3A%20rotateX%28180deg%29%20rotateY%28180deg%29%20rotateZ%280deg%29%3B%20%7D%2075%25%20%7B%20-webkit-transform%3A%20rotateX%28270deg%29%20rotateY%2890deg%29%20rotateZ%28360deg%29%3B%20%7D%20100%25%20%7B%20-webkit-transform%3A%20rotateX%28360deg%29%20rotateY%280deg%29%20rotateZ%28270deg%29%3B%20%7D%20%7D%20%40-moz-keyframes%20rotatecube%20%7B%200%25%20%7B%20-moz-transform%3A%20rotateX%280deg%29%20rotateY%28360deg%29%20rotateZ%2890deg%29%3B%20%7D%2025%25%20%7B%20-moz-transform%3A%20rotateX%2890deg%29%20rotateY%28270deg%29%20rotateZ%28180deg%29%3B%20%7D%2050%25%20%7B%20-moz-transform%3A%20rotateX%28180deg%29%20rotateY%28180deg%29%20rotateZ%280deg%29%3B%20%7D%2075%25%20%7B%20-moz-transform%3A%20rotateX%28270deg%29%20rotateY%2890deg%29%20rotateZ%28360deg%29%3B%20%7D%20100%25%20%7B%20-moz-transform%3A%20rotateX%28360deg%29%20rotateY%280deg%29%20rotateZ%28270deg%29%3B%20%7D%20%7D%20.front%20%7B%20background%3A%20rgba%28255%2C0%2C0%2C.5%29%3B%20%7D%20.back%20%7B%20background%3A%20rgba%280%2C255%2C0%2C.5%29%3B%20%7D%20.right%20%7B%20background%3A%20rgba%280%2C0%2C255%2C.5%29%3B%20%7D%20.left%20%7B%20background%3A%20rgba%280%2C255%2C255%2C.5%29%3B%20%7D%20.top%20%7B%20background%3A%20rgba%28255%2C0%2C255%2C.5%29%3B%20%7D%20.bottom%20%7B%20background%3A%20rgba%28255%2C255%2C0%2C.5%29%3B%20%7D%20%23cube%20.front%20%7B%20-webkit-transform%3A%20rotateY%280deg%20%29%20translateZ%28%20100px%20%29%3B%20-moz-transform%3A%20rotateY%28%200deg%20%29%20translateZ%28%20100px%20%29%3B%20%7D%20%23cube%20.back%20%7B%20-webkit-transform%3A%20rotateX%28%20180deg%20%29%20translateZ%28%20100px%20%29%3B%20-moz-transform%3A%20rotateX%28%20180deg%20%29%20translateZ%28%20100px%20%29%3B%20%7D%20%23cube%20.right%20%7B%20-webkit-transform%3A%20rotateY%28%2090deg%20%29%20translateZ%28%20100px%20%29%3B%20-moz-transform%3A%20rotateY%28%2090deg%20%29%20translateZ%28%20100px%20%29%3B%20%7D%20%23cube%20.left%20%7B%20-webkit-transform%3A%20rotateY%28%20-90deg%20%29%20translateZ%28%20100px%20%29%3B%20-moz-transform%3A%20rotateY%28%20-90deg%20%29%20translateZ%28%20100px%20%29%3B%20%7D%20%23cube%20.top%20%7B%20-webkit-transform%3A%20rotateX%28%2090deg%20%29%20translateZ%28%20100px%20%29%3B%20-moz-transform%3A%20rotateX%28%2090deg%20%29%20translateZ%28%20100px%20%29%3B%20%7D%20%23cube%20.bottom%20%7B%20-webkit-transform%3A%20rotateX%28%20-90deg%20%29%20translateZ%28%20100px%20%29%3B%20-moz-transform%3A%20rotateX%28%20-90deg%20%29%20translateZ%28%20100px%20%29%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fbody%3E%20%3C%2Fhtml%3E%3C%2FDOCTYPE%3E" title="CUBE 1 2 3 4 5 6 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 ); }"/></body></html> | |