So I want to make a Cube out of 6 squares in edge animate. I opened the HTML document and wrote this css:
.container{
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
-ms-perspective: 1200px;
perspective: 1200px;
}
.cube_container{
width: 64px;
height: 64px;
position: absolute;
-webkit-transform-style: preserve-3d;
-webkit-transform-origin: 50% 50% 0;
-moz-transform: rotatex(165deg) rotateY(45deg);
-ms-transform: rotatex(165deg) rotateY(45deg);
transform: rotatex(165deg) rotateY(45deg);
}
.back_right{
-webkit-transform: translateZ(32px);
-moz-transform: translateZ(32px);
-ms-transform: translateZ(32px);
transform: translateZ(32px);
}
.right {
-webkit-transform: rotateY(90deg) translateZ(32px)rotate(180deg);
-moz-transform: rotateY(90deg) translateZ(32px)rotate(180deg);
-ms-transform: rotateY(90deg) translateZ(32px)rotate(180deg);
transform: rotateY(90deg) translateZ(32px)rotate(180deg);
} (etc...)
With that, I have a cube, fixed at a nice angle showing my textures properly.But the problem is that Edge Animate ad some css infos directly to the object (inline styling) and over write my classes. I want to know if there's a way to selectively remove css elements from edge animate, maybe from a jQuery loaded at creation complete? If You need any more information, just ask. Thank you.
Aucun commentaire:
Enregistrer un commentaire