To use any of the following snippets, you’ll need to include this CSS file.
This was, by far, the best tag in HTML. Unfortunately, it got dropped due to its lack of semantics. Well, it’s back.
Browser supportIE10+, Firefox 5+, Chrome, Safari 4+
This is sometext.
This is some <span class="blink">blinking</span> text.
You know when I said that
<blink>was the best tag? Well, I lied. Presenting: a valid CSS3 marquee, just like 1999 ordered.
Browser supportIE10+, Firefox 5+, Chrome, Safari 4+You spin me right round, baby. Like a record, baby. You spin me right round, baby. Like a record, baby.
<div class="marquee" style="width: 380px;"><p><span>You spin me right round, baby. Like a record, baby.</span><span>You spin me right round, baby. Like a record, baby.</span></p></div>
Is your client not listening to any of your opinions, is throwing a tantrum when it comes to the invoice, or is generally acting like a toddler? They might be a toddler. If so, this will help.
Browser supportIE7+, Firefox 3+, Opera, Chrome, Safari 3+
I see you!
<p class="peekaboo">I see you!</p>
Got a fidgety client, who makes lots of stinging remarks? They’ll bee happy when their page wobbles, then.
Browser supportIE9+, Firefox 4+, Chrome, Safari 4+The 2nd man to walk on the moon was Buzz Aldrin.
The 2nd man to walk on the moon was <span class="wobble">Buzz</span> Aldrin.
The Third Degree
It won’t take too much detective work to find this handy little snippet.
Browser supportIE9+, Firefox 4+, Opera, Chrome, Safari 4+Something’s not quite level here.
<span class="third-degree">Something’s not quite level here.</span>
Finally, a standards-compliant way to unleash the best type in the world!
Browser supportChrome, Safari 5+
<h1 class="wordart" title="WordArt!">WordArt!</h1>
Remember spinning on roundabouts as a kid? I hated ‘em. After seeing this, hopefully you will too!
Browser supportIE9+, Firefox 4+, Chrome, Safari 4+Woah-oah-oah!
The Perfect Typography
Why bother choosing a font, when you know what you and your client wants?
Browser supportIE5+, Firefox, Opera, Chrome, Safari
<p class="perfect">It's perfect!</p>