/*css transform 3d
body , body.framemapbg > * { perspective: 400px; } #mapWrapper , body.framemapbg > center:nth-child(2) > div:nth-child(1) , body.framemapbg > center:nth-child(3) > div:first-child { transform: rotateY(0deg) rotateX(45deg) rotateZ(0deg); top:-50px; } #fueldisp { transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg); top:0px; }
body , body.framemapbg > * { -webkit-perspective: 400px; perspective: 400px; } #mapWrapper , body.framemapbg > center:nth-child(2) > div:nth-child(1) , body.framemapbg > center:nth-child(3) > div:first-child { -webkit-transform: rotateY(0deg) rotateX(45deg) rotateZ(0deg); transform: rotateY(0deg) rotateX(45deg) rotateZ(0deg); top:-50px; } #fueldisp { -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg); transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg); top:0px; }
body , body.frameajaxmapbg > * { -webkit-perspective: 400px; perspective: 400px; } #mapWrapper , body.frameajaxmapbg > center:nth-child(2) > div:nth-child(1) , body.frameajaxmapbg > center:nth-child(3) > div:first-child { -webkit-transform: rotateY(0deg) rotateX(45deg) rotateZ(0deg); transform: rotateY(0deg) rotateX(45deg) rotateZ(0deg); top:-50px; } #fueldisp { -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg); transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg); top:0px; }
*/