CSS Text Shadows and Background Sizing
February 22
The Opera Deveoper Community published a recent article of mine about CSS3 properties text-shadow and background-size.
If both properties were implemented across mainstream browsers, I believe we would see a lot more visually engaging and bulletproof Web site designs. (Of course, the Spider-Man caveat still exists: with great power, comes great responsibility.) Here’s a snippet from the article:
CSS3 offers advancements in how Web designers can apply design touches to their designs. One of the most often wished for properties -
text-shadow, which allows easy creation of drop shadowscode - looks to be popular as new versions of popular browsers are starting to support the property.I will also look at
background-size- this is a CSS property that will let Web designers set the backgrounds of elements so that the background images can stretch or fill the entire background image, if widely implemented.Together both CSS properties can add unique twists to everyday Web design with minimal effort. In this article I will explore both of these, showing how they work with some simple examples. Read More
See What Others Have Said
One Response to “CSS Text Shadows and Background Sizing”
February 25th, 2008 at 11:40 am
Re: text shadows, I think you said it best.
“For starters, the Web is two-dimensional medium. You shouldn’t overdo it - adding cheesy Photoshop effects like beveling or shadows forces elements on a page to appear three dimensional.”
I couldn’t agree more. While I like many of the new CSS3 properties (and can’t wait until they go mainstream), from a visual design standpoint alone I grow increasingly concerned that front-end developers will start making design decisions like high schoolers build PowerPoint presentations: through as many cheesy effects on the page as possible, not because they SHOULD do it, but because they CAN do it.
Leave Your Comment