socialmedian: Push Your Web Design Into The Future With CSS3

Hi there. I'm Jason, one of the founders of socialmedian.

socialmedian delivers the news, filtered by your network.

We'd love to have you join in.

You can use facebook connect to sign in.

Add News Flash

User-submitted headlines for this story

Clips

Push Your Web Design Into The Future With CSS3

Source: Smashing Magazine

Jan 08, 2009

Summary

By Chris Spooner

There are exciting new features in the pipeline for Cascading Style Sheets that will allow for an explosion of creativity in Web design. These features include CSS styling rules that are being released with the upcoming CSS3 specification. Realistically, you won’t be able to use these on your everyday client projects for another few years, but for design blogs and websites aimed at the Web design community, these features can help you push the boundaries of modern Web design today, adding that extra spice to your design and helping the industry move forward.

Here are five techniques snatched from the future that you can put into practice in your website designs today.

1. Border Radius

Probably the most common CSS3 feature currently being used is border-radius. Standard HTML block elements are square-shaped with 90-degree corners. The CSS3 styling rule allows rounded corners to be set.

-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;

Border-radius can also be used to target individual corners, a

...Read the full article

Comments (0)

Add Your Comment