Webkit keyframe not working in chrome
11,575
You've put a semicolon after the last curly brace of your animation declaration. Firefox accepted it, but Chrome didn't.
After fixing it, your animation spins again: http://jsfiddle.net/ZcFre/1/
@-webkit-keyframes spinoffPulse {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}; <--Remove the semicolon
}
Author by
user2537644
Updated on June 15, 2022Comments
-
user2537644 almost 2 years
Why is my keyframes animation (http://jsfiddle.net/ZcFre/) not working in Chrome?
My CSS is:
.circle1 { -webkit-animation: spinoffPulse 1s infinite linear; } @-webkit-keyframes spinoffPulse { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }; }