Webpage Text Animator

MyQute Webpage Text Animator

allows you to animate any text of any colour, font or size ...try this free service!

Unique name for this control
(No spaces or special characters—must be alphanumeric, beginning with a letter—letters ARE case-sensitive):

I want this animation to:

Loop back to the beginning when complete
Remain on the final frame of the animation when complete

Align my animated text (on your web page):

Center
Left
Right

I want animation to be displayed like this:

Shrink or grow in real-time, depending on the content being shown
Remain fixed at the size specified below:

pixels wide
pixels high

I want this animation to begin when:

Please take note:

Not all conditions are applicable to every type of control. Be sure to test to make sure you get the desired result.

Sometimes text animation effects behave differently depending on what is before or after them. For example, your text will fade In if it is not already visible, or remain unchanged if already visible (in preview mode it will always 'fade in' when text starts).

When inputting HTML, it's best to use SPANS and STYLES (more info below)instead of , tables, and the "older" HTML tags. This is because of the way newer browsers work with Dynamic HTML layers. As such, much is dependent on what browsers your visitors are using and will eventually see. For line breaks, use instead of .

The old HTML 1.0 way of bolding some text, for example, is the following:

Some Text

Some Text

With SPAN and styles, it looks like this:

Some Text

However, I think you'll find this animator works well on just about any modern browser platform.

If you expect to see a fade in/out, and the content just appears or disappears,it's almost always due to older "traditional" HTML tags in there. (This is purely a browser issue.)

The good news is, most newer html software now use styles and spans almost exclusively, so simply copying the HTML source your editor makes for you and pasting it in this animator will work just fine.

To see an effect transition occur (i.e. fade in/out, etc.) other than the single frame preview (i.e. on the final preview or ultimately on your website), you'll need to create more than one frame. If you want it to fade out, for example, just create another frame and leave the HTML field empty. Set the duration for a second or 2.

Some effects don't work well in IE, so test them on both Firefox and IE. For example, IE doesn't like Shrink, so if you use that effect, IE users will not see the Shrink effect but will see a Fade-In effect instead (this animator handles this automatically for you). On Firefox your visitors will see the Shrink effect.