css - CSS3 Animation polyfill -


i'm looking css3 animation work; works fine in major browsers ie9 , older (no surprise there). without further ado, here's css :

#grosse_photo {     /*...*/     -webkit-animation: photofade 12s infinite;     -moz-animation:photofade 12s infinite;     -ms-animation: photofade 12s infinite;     animation-iteration-count:1;     -moz-animation-iteration-count:1;     -webkit-animation-iteration-count:1;     -o-animation-iteration-count:1; }     @-webkit-keyframes photofade {         0%   { opacity: 0.0; }         100% { opacity: 1.0; }     }     @-moz-keyframes photofade {         0%   { opacity: 0.0; }         100% { opacity: 1.0; }     }     @-o-keyframes photofade {         0%   { opacity: 0.0; }         100% { opacity: 1.0; }     }     @keyframes photofadee {         0%   { opacity: 0.0; }         100% { opacity: 1.0; }     } 

i used -ms prefix thinking react -webkit, ie (lte 9) didn't cooperate.

i need elements slide in, since ie won't cooperate, i'm thinking i'm forgetting obvious polyfill other modernizr.

though not optimal, i've seen many refer jquery alternatives, though still looking snippet allow different animations @ different times , speeds.

i don't think there direct polyfill animations, don't introduce animation commands javascript.

for can go jquery animate(), or can try one, more new: http://www.polymer-project.org/platform/web-animations.html

if need transition fallbacks, can try: https://github.com/addyosmani/css3-transition-fallbacks


Comments

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

java - Copying object fields -

c++ - Clear the memory after returning a vector in a function -