changing word script not working

[Nic727]

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 May 18, 2018 by Nic727