css3 - Css animation not working only under chrome -
duplicate warning, sorry.
i have read couple similar posts, , tried solutions none did work.
i have simple animation hide, show , imge.
#top_heading .chmurka2{ position:absolute; top:0; left:257px; -webkit-animation: top_chmurka2 8s 1s infinite alternate; -moz-animation: top_chmurka2 8s 1s infinite alternate; -ms-animation: top_chmurka2 8s 1s infinite alternate; -o-animation: top_chmurka2 8s 1s infinite alternate; animation: top_chmurka2 8s 1s infinite alternate; } @-webkit-keyframes top_chmurka2 { /*chrome , safari*/ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes top_chmurka2{ /*mozilla*/ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-ms-keyframes top_chmurka2{ /*before ie 10*/ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-o-keyframes top_chmurka2{ /*ie9+, opera*/ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @keyframes top_chmurka2 { /*standard*/ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } }
it works fine, on major browsers, except chrome, despite use -webkit- . going on? (i triend using -webkit- inside keyframes rules, did not work well)
aparently animation code fine, chrome not.
Comments
Post a Comment