Bouncing Text

There are two easy ways to add bouncing text to a web page (without using JavaScript). These are:

HTML Bouncing Text

This method uses the (non-standard) HTML <marquee> tag to create the bouncing text effect.

See HTML Bouncing Text for more examples.

Source CodeResult
Bouncing text...

CSS Bouncing Text

This method uses CSS animations to create bouncing text. This is the recommended method.

See CSS Bouncing Text for more examples.

Source CodeResult

Horizontal bounce...

More Marquee Codes

You can do much more with HTML marquees than is covered on this page. Here's the full list of marquee codes on this website:

Marquee Generator

Also check out the Marquee Generator.

Marquee Usability

Try to be careful when using HTML marquees. Many web users dislike websites that contain scrolling or bouncing images and other elements, so try to use them tastefully :)

About was created in order to provide HTML tools, codes, tutorials, and other resources to help webmasters create and maintain their HTML documents. aims primarily at beginners, but may also be useful to web professionals.

About the HTML Codes

The HTML codes on this website are provided free of charge, for you to use however you wish. Feel free to modify the code to suit your own needs.

Need Hosting?

Our partner site HOSTEK provides website hosting, domain names and related products at some of the best prices on the web. If you need web hosting, check them out!