More examples below.
Note that by using the combinations is possible to hundreds of effects. Not to mention that you can change the speed of the animations.
PS: It is not recommended to use a lot of text effects on the same page. Can weigh in memory and page get quite confused by too much information.
- Is possible to use animated text within other elements
- This example uses the property "text-shadow" in Custom Styles
- Lorem ipsum dolor sit amet, consectetur adipiscing elit
- "in animation" - Effect: swing / sequence
- "out animation" - Effect: swing / sequence
- "in animation" - Effect: shake / sequence
- "out animation" - Effect: shake / sequence
- "in animation" - Effect: bounce / sequence
- "out animation" - Effect: bounce / shuffle
- "in animation" - Effect: wobble / sequence
- "out animation" - Effect: wobble / sequence
- "in animation" - Effect: pulse / sequence
- "out animation" - Effect: pulse / sequence
- "in animation" - Effect: flip / sequence
- "out animation" - Effect: flip / reverse
- "in animation" - Effect: flipInX / sequence
- "out animation" - Effect: flipOutX / reverse
- "in animation" - Effect: flipInY / shuffle
- "out animation" - Effect: flipOutY / shuffle
- "in animation" - Effect: fadeIn / sequence
- "out animation" - Effect: fadeOut / sequence
- "in animation" - Effect: fadeInUp / shuffle
- "out animation" - Effect: fadeOutUp / shuffle
- "in animation" - Effect: fadeInDown / sequence
- "out animation" - Effect: fadeOutDown / reverse
- "in animation" - Effect: fadeInLeft / sequence
- "out animation" - Effect: fadeOutLeft / sequence
- "in animation" - Effect: fadeInRight / sequence
- "out animation" - Effect: fadeOutRight / sequence
- "in animation" - Effect: fadeInUpBig / sequence
- "out animation" - Effect: fadeOutUpBig / sequence
- "in animation" - Effect: fadeInLeftBig / sequence
- "out animation" - Effect: fadeOutLeftBig / sequence
- "in animation" - Effect: fadeInRightBig / sequence
- "out animation" - Effect: fadeOutRightBig / sequence
- "in animation" - Effect: bounceIn / sequence
- "out animation" - Effect: bounceOut / sequence
- "in animation" - Effect: bounceInDown / sequence
- "out animation" - Effect: bounceOutDown / sequence
- "in animation" - Effect: bounceInLeft / sequence
- "out animation" - Effect: bounceOutLeft / sequence
- "in animation" - Effect: bounceInRight / shuffle
- "out animation" - Effect: bounceOutRight / shuffle
- "in animation" - Effect: rotateIn / sequence
- "out animation" - Effect: rotateOut / sequence
- "in animation" - Effect: rotateIn / shuffle
- "out animation" - Effect: rotateOut / shuffle
Recent Comments