Question

am doing with CSS3 animate one after another with delay for radio buttons. here i wanted to do like load 10 radio buttons one after one in 2 seconds and then stay for 3 seconds, and then again load 10 buttons. here i was successful up to first 2 seconds but not second 3 seconds waiting time. This is jsfiddle

Was it helpful?

Solution

something like this?

do not quite understand what you mean, but that's what I understood.

but check this out if you want

http://jsfiddle.net/DT6Xu/8/

@-webkit-keyframes FadeInOut { 
  0% {opacity:0; -webkit-transform:scale(.1);}
  25% {opacity:1; -webkit-transform:scale(1.05);}
  50% {-webkit-transform:scale(1); opacity:1}
  74% {-webkit-transform:scale(1);opacity:1 }
  75% { -webkit-transform:scale(1); opacity:1}
  100% {opacity:0; -webkit-transform:scale(.1);}
}
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top