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

Popular posts from this blog

javascript - how to protect a flash video from refresh? -

android - Associate same looper with different threads -

visual studio 2010 - Connect to informix database windows form application -