Jump to content

please help with animations


garciasanchezdaniel
 Share

Recommended Posts

Hello friends, I'm fighting with animations, and I don't obtain that I want :aggressive: I have two divs, and this is the css code for these two divs:

@-webkit-keyframes div1{from {  opacity: 0.0;  font-size: 100%;}to {  opacity: 1.0;  font-size: 100%;}} #div1{  -webkit-animation-name: div1;  -webkit-animation-duration: 10s;  -webkit-animation-iteration-count: infinite;  -webkit-animation-timing-function: ease-in-out;  -webkit-animation-direction: alternate;}     @-webkit-keyframes div2{from {  opacity: 0.0;  font-size: 100%;}to {  opacity: 1.0;  font-size: 100%;}}#div2{  -webkit-animation-name: div2;  -webkit-animation-duration: 10s;  -webkit-animation-iteration-count: infinite;  -webkit-animation-timing-function: ease-in-out;  -webkit-animation-direction: alternate;  -webkit-animation-delay:18s;}

As you see, I make that 'div2' waits 18 seconds in order to 'div1' ends its animation....and after this, 'div1' will wait same time until 'div2' ends its animation I don't know if I explain well.....I want that each 18 seconds approximate, only one div will be displayed.......but I don't obtain do this, because both divs end overlayed Thanks in advance, Daniel

Edited by garciasanchezdaniel
Link to comment
Share on other sites

Hi garciasanchezdaniel,Could you please post (submit) your HTML Code?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...