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

 . 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); }}   

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 .spinner :

  -webkit-Animation: Cyclical 1.4S Infinite Linear;   

and you will have to do this for .path :

  -webkit- animation: Dash 1.4S Easily interval-endless , Intuitive interior within color 5.6;   

The SASS will generate both animation and -webkit-animation , but you have to manually make them into CSS.

Comments

Popular posts from this blog

php - PDO bindParam() fatal error -

logging - How can I log both the Request.InputStream and Response.OutputStream traffic in my ASP.NET MVC3 Application for specific Actions? -

java - Why my included JSP file won't get processed correctly? -