Drop caps have been around for years in the print industry, but they are still pretty rare in the web world despite the :first-letter selector having been around for a fair few years. Let’s take a look at how we can create a cool drop cap for our web designs and spice it up with some stylish CSS3 text-shadow effects.
It is interesting that we don’t see this more often on the Web.
I think we don’t see it more often because we’ve collectively decided it’s a bad idea. But then again, we’ve also collectively decided that top ten reason slideshows are a good idea, so what do I know? 🙂
Agreed. You really don’t see them in print very much anymore either unless you’re trying to evoke yesteryear.
Well that and using it with a p tag is a pain in the keister for most CMS’s. For example, if you’re using Movable Type, the “previous story/next story” links are all p tags, so you end up with a drop cap THERE. So you then have to redo all that for one effect. Meh.