Simple slide up and fade text animation with CSS3 [Code + Demo]

In this post, we will make a simple slide up and fade text animation with CSS3 and HTML.

There will be four phrases of text, wrapped in four div classes with the ids, and it will disappear smoothly with a tend to slide up and fade in 12 seconds. Code and demo can be seen in the end of this post.

HTML:

CSS:

The animation will run infinitely.

Result:

Reference:

• CSS3 animation
• Keyframes rules
• Cross-browser keyframes