css3 - CSS "fill-mode:forwards" not working in Safari -


for odd reason, -webkit-animation-fill-mode: forwards; not working in safari. i'm not sure why, because works in every other browser. here code:

.fade {         opacity: 0;        -webkit-animation: fadein 2s;        -moz-animation:fadein 2s;        -ms-animation: fadein 2s;          -webkit-animation-duration: 2s;         -moz-animation-duration: 2s;         -ms-animation-duration: 2s;          -webkit-animation-delay: .9s;         -moz-animation-delay: .9s;         -ms-animation-delay: .9s;          animation-fill-mode: forwards;         -webkit-animation-fill-mode: forwards;         -moz-animation-fill-mode: forwards;         -ms-animation-fill-mode: forwards; }   @keyframes fadein {     { opacity: 0; }       { opacity: 1; } }  /* firefox < 16 */ @-moz-keyframes fadein {     { opacity: 0; }       { opacity: 1; } }  /* safari, chrome , opera > 12.1 */ @-webkit-keyframes fadein {     { opacity: 0; }       { opacity: 1; } }  /* internet explorer */ @-ms-keyframes fadein {     { opacity: 0; }       { opacity: 1; } }  /* opera < 12.1 */ @-o-keyframes fadein {     { opacity: 0; }       { opacity: 1; } } 

the website can see taking place http://uiuxpert.com

any ideas what's going on? looks correct me.

everything right. needed clear cache , hard refresh. reason took while..spotty internet today. :)


Comments

Popular posts from this blog

c# - Better 64-bit byte array hash -

webrtc - Which ICE candidate am I using and why? -

php - Zend Framework / Skeleton-Application / Composer install issue -