css - Getting "Invald property value" on animation -
The following code results are in "invalid asset value" on the animation properties and I'm not sure why.
Edit, Full Code I'm trying to apply the spinner taken from this example: If you are on Chrome / Safari, then you have to add webkit-animation to and you will have to do this for The SASS will generate both
. Spinner {animation: cyclic 1.4 s linear infinite; } @ Keyframe rotator {0% {transform: rotate (0deg); } 100% {conversion: rotate (270 degrees); }}. Path {stroke-dashayar: 187; Stroke-Doss Offset: 0; Change-origin: center; Animation: Dash 1.4S Easily embedded, Color 5.2 S-In-Out Infinite; } @keyframe color {0% {stroke: # 4285F4; } 25% {stroke: # D3E35; } 50% {stroke: # F7C223; } 75% {stroke: # 1 B9A59; } 100% {stroke: # 4285F4; }} @ Keyframe dash {0% {stroke-dashoffset: 187; } 50% {stroke-dashoffset: 46.75; Convince (135deg); } 100% {stroke-dashoffset: 187; Convert: Rotate (450deg); }}
.spinner :
-webkit-Animation: Cyclical 1.4S Infinite Linear;
.path :
-webkit- animation: Dash 1.4S Easily interval-endless , Intuitive interior within color 5.6;
animation and
-webkit-animation , but you have to manually make them into CSS.
Comments
Post a Comment