Well, hello!

“Well, hello!” in hot pink and candy colours, styled by CSS

Just how far can we push CSS styling on text? Pretty bleedin’ far these days.

This is an experiment in CSS typography. Live version here »

The text is fully select-able, copy-paste-able, and accessible. Many of the effects are hung on spans, of which there are over a dozen, so semantically speaking, it’s a bit naughty. If the characters weren’t different shades I could have gotten away with a lot less span spam.

The letters are squeezed together with a bit of negative letter-spacing, and this has the odd effect of clipping the text-shadow in pretty much everything except Chrome. IE9 is not equipped to deal with text shadows, which lessens the impact a lot.