Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS animation not working in firefox Reply To: CSS animation not working in firefox

#239638
VJ
Participant

Hi bvkgulb,

There is no prefix’s for animation properties and keyframes, because of it animation may not working in firefox. try this code.

#image {
-webkit-animation: zoom 1s;
-moz-animation: zoom 1s;
-ms-animation: zoom 1s;
animation: zoom 1s;
}
@-webkit-keyframes zoom{
from { -webkit-transform: scale(0.1) }
to { -webkit-transform: scale(1) }
}
@-moz-keyframes zoom{
from { -moz-transform: scale(0.1) }
to { -moz-transform: scale(1)}
}
@keyframes zoom{
from {transform:scale(0.1)}
to {transform:scale(1)}
}