javascript bibliothèque pour les transformations 3D

Question

J'ai créé l'échantillon pour 3D transformations dans le navigateur:

<div id="wrapper"> 
    <div id="cube"> 
     <div id="top">TOP</div> 
     <div id="front">FRONT</div> 
    </div> 
</div> 

et CSS:

#cube div{ 
    -webkit-transform-origin:50% 50% -150px; 
    -webkit-transition: -webkit-transform .3s linear; 
    border:1px solid black; 
} 
#cube:hover #top{ 
    -webkit-transform: perspective(1000px) translate3d(0,0,-150px) rotate3d(1,0,0,0); 
} 
#cube:hover #front{ 
    -webkit-transform: perspective(1000px) translate3d(0,0,-150px) rotate3d(1,0,0,-90deg); 
} 
#cube #top{ 
    -webkit-transform: perspective(1000px) translate3d(0,0,-150px) rotate3d(1,0,0,90deg); 
} 
#cube #front{ 
    -webkit-transform: perspective(1000px) translate3d(0,0,-150px) rotate3d(1,0,0,0); 
} 

Vous pouvez voir cet exemple here.

Mais pour l'instant cela ne fonctionne que pour le chrome et je veux le rendre plus crossbrowserly. Quelqu'un peut-il suggérer une bibliothèque javascript pour les transformations en 3D? Y a-t-il un moyen de transformer les images et le texte?

Answer 1

Voici un plugin pour effets CSS3

Effects

et bien voulu lire cette note comme: Note(othr brwsers)

Answer 2

Comme vous pouvez le voir "transit.js" dont vous avez parlé fournissent des transformations 2d qui est pas aussi rapide que 3d (à cause du support GPU pour translate3d (...) au lieu de translate (..))

Original image url - http://pix.academ.org/img/2015/05/21/64bcd912c0851604977d73c7d1f82778.png