Slide-In Text

You can create slide-in text using one of the following methods:

CSS animations is the recommended method, as they are becoming part of the official CSS specifications (whereas, the <marquee> tag is not actually part of the official HTML specification).

Note: Due to the nature of slide-in text, you may need to refresh this page several times to catch all of the examples. This is because, once the text has slid in, it stops. If you don't see it slide in, you've missed it... unless you reload the page!

HTML Slide-In Text

Here's an example of using the <marquee> tag to create slide-in text.

See HTML slide-in Text for more examples.

Source CodeResult
HTML slide-in text...

CSS Slide-In Text

Here is how to achieve the same effect using CSS animations.

See CSS slide-in Text for more examples.

Source CodeResult

CSS slide-in text...

HTML vs CSS

The <marquee> tag has been supported by the major browsers for a long time now. Despite this, it has never made it into an official HTML specification. Therefore if you use the <marquee> tag, you won't be able to validate your document as valid HTML.

Furthermore, HTML is not the right place for specifying marquees and animations. HTML (especially from HTML5) is more concerned with the semantics of the elements on the page. Marquees and animations are more suited to CSS. Therefore, CSS is the recommended technology to use when creating slide-in text or other marquee-type effects.

See CSS marquees for more about using CSS to create marquee effects.

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 HTML.am

HTML.am was created in order to provide HTML tools, codes, tutorials, and other resources to help webmasters create and maintain their HTML documents.

HTML.am 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.

My Related Sites

Here are some of my other sites: