With the intorduction of CSS3 came text drop shadows. It is a great effect used on many websites today to add a little bit more creative design flair to a site.
One issue that I find with many websites is that when the text is selected, it becomes almost impossible to see the text or at least very difficult.
So if you're using CCS3 Text Drop shadow, please remember to drop the text shadow on select to make it legible.
Simply add this to your main CSS style sheet.
::selection { text-shadow: none; }
That will clear the drop shadow when text is selected on your website.
Leave your comments and feedback below.
Peter Bui
An all round web specialist with years of experience in web design, development and open source solutions.
Twitter: astroboysoup
Google+: Peter Bui
