Prise de transition CSS effets fonctionnent dans tous les navigateurs

J'ai actuellement le code CSS suivant, il travaille dans Google Chrome (Webkit), mais pas dans n'importe quel autre navigateur.

Quel est le meilleur moyen de rendre cela compatible avec tout?

Comme vous pouvez le voir il est en utilisant webkit, mais je ne suis pas sûr de ce que le moz équivalents.

Merci beaucoup

.card{
    margin-top: -50px;
}

.card {
    width: 286px; height: 224px;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.5s;
    -moz-transform-style: preserve-3d;
    -moz-transition: 0.5s;
}
    .container:hover .card {
        -webkit-transform: rotateY(180deg); 
        -moz-transform: rotateY(180deg);                

    }

.face {
    position: absolute;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}


.megatron {
    float: left; top: 30px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}
    .megatron .front {

    }
    .megatron .back {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);

    }
        .megatron .back h2 {
            background: url(megatron-title.png); text-indent: -9999px; 
        }
        .megatron img {
            float: right;
        }
Au lieu de les écrire manuellement, essayez d'utiliser un outil comme Générateur de CSS3
Avez-vous essayez de regarder le -moz équivalents?

OriginalL'auteur | 2012-06-26

  1. 28

    De base de votre navigateur croix CSS3 transition déclaration:

    -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;

    Ici est un de mes outils préférés pour aider à accélérer le processus: http://css3generator.com/

    OriginalL'auteur eivers88

  2. 6

    Peut-être vous avez besoin de:

    -webkit-...  //For Webkit browser(Chrome, Safari...)
-moz-...     //For Mozilla browser
-o-...       //For Opera browser
-ms-...      //For Microsoft browser
none...      //For all browser(Newest version)

    Exemple:

    -webkit-transition: 3s ease;
-moz-transition: 3s ease;
-o-transition: 3s ease;
-ms-transition: 3s ease;
transition: 3s ease;

    Espère que c'est utile.

    OriginalL'auteur Sakata Gintoki