#css3 text animation

.btn { background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; font-family: Arial; color: #ffffff !important; font-size: 20px; padding: 10px 20px 10px 20px; text-decoration: none; } .btn:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; color: #ffffff !important; } .conts img{max-width:500px;} .conts a.but{margin-bottom:15px;} .conts a.btn{margin-bottom:25px; display:block;} .conts a.btn:first-child{background:none;border:0;}

Download Now

* IMPORTANT *

TextFX2 is supported on Firefox, Chrome, iPad/iPhone, Android, Opera, IE10 & IE11.

Animations will automatically be replaced by a simple fade transition for IE8 and IE9.

From the comments:

WOW what can I say – the best text effects ever, period! Your technical ability to make so many textual effects by adjusting various parameters was jaw-dropping. I must admit, I thoroughly enjoyed using the animation generator to experiment with various effects and spent quite a lot of time just playing around with it. It seems there are infinite types of effects you can generate. This is certainly one of the best buys on Code Canyon. Thanks Jack for developing such an awesome plugin.

TextFX2 – CSS3 Text Effects

Creating animations is super easy with TextFX2’s Animation Generator. Every animation shown in the demo was created with it!

Super Easy Markup

Options Include

Easily create animated sequences like the one shown in the demo. No manual scripting involved!

Animate multiple lines of text, examples included in source.

Option to automatically loop sequenced animations.

Option to randomize a sequence.

Hyperlink animated text.

Animate text on the fly with TextFX2’s API methods.

Free from jQuery = no jQuery conflicts!

Special Notes

TextFX2 is a CSS3 Transition + CSS3 3D Transform plugin, and as stated above, all animations will revert to a simple fade for IE8 & IE9.

Although the video shown in the preview is for demonstration purposes only, the full demo is included in the download source.

The Youtube video shown in the preview is disabled on purpose in some browsers but is available for viewing on iPad, Safari, Chrome, Firefox, Opera & IE10.

This is NOT a WordPress Plugin