css3 animation is not working in Safari -
CSS3 animation in Safari (works fine in other browsers) is not working for me, I tried to separate each property from Macintosh, which is declared separately eg:
-webkit-animation-name: glow; -webkit-animation-duration: 2s; ......
But still does not work any thoughts?
. Light: after {content: ''; Display area; Z-index: 1; Limit-Radius: 50%; Width: 15px; Height: 15px; Status: Completed; Cursor: indicator; Background: RGBA (64, 61, 51, 1); -Widk-Infection: All 500ms ease-in-out 0s; -Mozy-infection: all 500ms ease-in-out; -O-Infection: All the 500ms easily out-0s; Transition: All these 500ms comfortably these 0s; }. Light.turned-on: after {Content: ''; Display area; Z-index: 1; Background: RGBA (255, 242, 204, 1); -Widk-Infection: All 500ms ease-in-out 0s; -Mozy-infection: all 500ms intuitive in-out 0s; -O-Infection: All the 500ms easily out-0s; Transition: All these 500ms comfortably these 0s; } .game-area.won. Lighting: {-webkit-animation-name: glow; -webkit-animation-duration: 2s; Webkit-animation-timing-function: low-in-out; Webkit-animation-repetition-count: infinity; Webkit-Animation-Direction: Forward; -MOZ Animation: Glow 2S Easy-In-Out Eternal Alternative; -O-Animation: Brightness 2S Intuitive In-Out Infinite Optional; Animation: Brightness 2S Easily Out-Infinite Option; } @ -WebKit-keyframe glow {0% {background: #FFF 2cc; } 10% {background: #FFF 2cc; } 30% {Background: # C58 FCC; } 50% {Background: # AE286B2; } 70% {Background: # B2A57D; } 90% {Background: # B2FFBB; } 100% {Background: # B2FFBB; }}
Just realized that in Safari 8.0.7 (10600.7.5) you Can not use animation: display: inline elements as display is inline-block or any other, Animation works. I hope this will help someone.
Comments
Post a Comment