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
Post a Comment