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

Popular posts from this blog

java - ImportError: No module named py4j.java_gateway -

python - Receiving "KeyError" after decoding json result from url -

.net - Creating a new Queue Manager and Queue in Websphere MQ (using C#) -