slash: CSS Animation -> Funktioniert in chrome, aber nicht in Firefox

Beitrag lesen

SELF-Forum

CSS Animation -> Funktioniert in chrome, aber nicht in Firefox

slash
– Informationen zu den Bewertungsregeln

Hi,

@-webkit-keyframes fade {
from {
    background:red;
    -webkit-transform: background-color;
-moz-transform: background-color;

wenn der ganze fade-Block -webkit- spezifisch ist, wie hoch ist die Wahrscheinlichkeit, daß ein Firefox das -moz-transform darin sieht?

cu,
Andreas

Ups... ja stimmt, aber auch wenn das korrigiert habe, funktioniert das nicht :/

<html>  
<head>  
<style type="text/css">  
  
.flRowEven{  
	width:100px;  
	  
}  
  
@-webkit-keyframes fade {  
from {  
    background:red;  
    -webkit-transform: background-color;  
}  
to {  
    background:blue;  
    -webkit-transform: background-color;  
    }  
}  
  
@keyframes fade2 {  
from {  
    background:red;  
	-moz-transform: background-color;  
}  
to {  
    background:blue;  
	-moz-transform: background-color;  
    }  
}  
  
  
.flRowEven  {  
    -webkit-animation-name: fade;  
    -webkit-animation-iteration-count: 1;  
    -webkit-animation-timing-function: linear;  
    -webkit-animation-duration: 1s;  
	  
	-moz-animation-name: fade2;  
    -moz-animation-iteration-count: 1;  
    -moz-animation-timing-function: linear;  
    -moz-animation-duration: 1s;  
}  
  
</style>  
</head>  
  
<body>  
  
<div>  
	<a href="#" onclick="document.getElementsByTagName('div')[0].className='flRowEven'">link</a>  
</div>  
  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln