Jump to content

changing word script not working


Nic727
 Share

Recommended Posts

Hi,

 

I'm trying to make word change each X amount of seconds and I have the code right (I think), but for some reasons it's not working correctly.

I'm basing my code on this guy website http://thierry-bonnaudet.com/

Here is what I did : https://codepen.io/anon/pen/NMegzo

Don't understand what's wrong and how to correct it. Maybe you know a better code to do that?

 

Thank you in advance for your help.

 

----

PS: I'm also trying to find a way to don't use position absolute, to correctly align my text, but without that, all other texts are following each other. Do you know if I can animate a display block to none? Like after the animation, it go to display none and when launching the other animation, it go to display block?

 

EDIT:

 

I fixed the animation bug with

.In{
    animation:slideLeft 2s;
    opacity:1!important; <--------
}
.Out{
    animation: slideRight 2s;
    opacity:0!important; <--------
}

 

Edited by Nic727
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...