Home › Forums › CSS › animate css not working on firefox › Re: animate css not working on firefox
June 15, 2013 at 6:42 am
#138815
CrocoDillon
Participant
I think you need curly braces instead of parentheses:
.animated:hover {
-webkit-animation: flash 1s;
-moz-animation: flash 1s;
-o-animation: flash 1s;
animation: flash 1s;
}
@-webkit-keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
@-moz-keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
@-o-keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
@keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}