animate.css est en train de charger le double temps dans firefox et chrome

Question

Salut Quelqu'un s'il vous plaît aidez-moi sur ceci dans ma page j'ai utilisé fadeInUp css du fichier animate.css. quand j'ouvre dans firefox il charge le double temps.

Ceci est css utilisé.

@-webkit-keyframes fadeInUp { 
    from { 
    opacity: 0; 
    -webkit-transform: translate3d(0, 100%, 0); 
    transform: translate3d(0, 100%, 0); 
    } 

    to { 
    opacity: 1; 
    -webkit-transform: none; 
    transform: none; 
    } 
} 

@-moz-keyframes fadeInUp { 
    from { 
    opacity: 0; 

    -moz-transform: translate3d(0, 100%, 0); 
    transform: translate3d(0, 100%, 0); 
    } 

    to { 
    opacity: 1; 
    -moz-transform: none; 
    transform: none; 
    } 
} 

@keyframes fadeInUp { 
    from { 
    opacity: 0; 
    -webkit-transform: translate3d(0, 100%, 0); 
    -moz-transform: translate3d(0, 100%, 0); 
    -ms-transform: translate3d(0, 100%, 0); 
    -o-transform: translate3d(0, 100%, 0); 
    transform: translate3d(0, 100%, 0); 
    } 

    to { 
    opacity: 1; 
    -webkit-transform: none; 
    -moz-transform: none; 
    -ms-transform: none; 
    -o-transform: none; 
    transform: none; 
    } 
} 

.fadeInUp { 
    -webkit-animation-name: fadeInUp; 
    -moz-animation-name: fadeInUp; 
    -ms-animation-name: fadeInUp; 
    -o-animation-name: fadeInUp; 
    animation-name: fadeInUp; 
} 

quelques fois que je reçois même erreur en chrome aussi

Answer 1

vous avez mis en place 2 fois.

En ce qui concerne le code dans @keyframes fadeInUp a tous les navigateurs prennent en charge, vous n'avez pas besoin: @ -moz-fadeInUp images clés {...} et @ -webkit-fadeInUp images clés {...}