animate.css загружается дважды в firefox и chrome

Question

Привет всем Пожалуйста, помогите мне в этом на моей странице, я использовал fadeInUp css из файла animate.css. когда я открываю в firefox, он загружается в два раза.

Это css, который я использовал.

@-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; 
} 

несколько раз я получаю ту же ошибку в хроме также

Answer 1

вы установили его в 2 раза.

Насколько кода в @keyframes fadeInUp имеет поддержку всех браузеров, вам не нужно: @ -moz-ключевые кадры fadeInUp {...} и @ -webkit-ключевые кадры fadeInUp {...}