-Animation funktioniert nicht in Firefox

@-webkit-keyframes fadein { 
 
    from {opacity: 0;} 
 
    to {opacity: 1;} 
 
} 
 
@keyframes fadein { 
 
    from {opacity: 0;} 
 
    to {opacity: 1;} 
 
} 
 
@-moz-keyframes fadein { 
 
    from {opacity: 0;} 
 
    to {opacity: 1;} 
 
} 
 
.animated-div { 
 
    -webkit-animation: fadein 4s 1 forwards; 
 
    -moz-animation: fadein 4s 1 forwards; 
 
    animation: fadein 4s 1 forwards; 
 
}

<div class="animated-div">hello</div>

Keyframes nicht funktioniert und Element auf der Seite nicht fadein, wie zu sein? Ich versuchte verschiedene Kombinationen von Präfixen, hilft nicht. In Chrome funktioniert Opera gut.

Quelle

2016-08-10 Максим Молчанов

Auf das Element wird eine "Opazität: 0! Wichtig" angewendet, wie wird es in jedem Browser animiert? –

@Arpit Goyal Es ist wie Standard 'Opazität: 0;'. Das für Element war nicht sichtbar in Start –

@ МаксимМолчанов Im auf Firefox und es funktioniert. – kuchar

Löschen opacity: 0!important wirklich helfen, aber ich weiß nicht, wie es in Chrome und Opera sogar mit opacity: 0!important animiert wurde. Danke allen.

Quelle

2016-08-11 07:59:14

-Animation funktioniert nicht in Firefox

Antwort

Verwandte Themen