Rotating Words with CSS Animations

Mary Lou is here again to show you another fancy new trick which will help to improve your web page in several different ways. In today’s tutorial she will create another typography effect. The idea is to have some kind of sentence and to rotate a part of it. She'll be “exchanging” certain words of that sentence using CSS animations.

• Demo 1: Animate down
• Demo 2: Animate height and width
• Demo 3: Fade in and “fall”
• Demo 4: Animate width and fly in
• Demo 5: Rotate in 3D and “sharpen”