The Intricacy of Simplicity (CSS3

Refer here for the full tutorial: http://net.tutsplus.com/tutorials/html-css-techniques/the-intricacies-of-simp...

Ever wondered how a particular effect was achieved in a web design, and, after zooming in several clicks, you found that the author added several subtle shadows, borders, gradients, etc? In the past, this was achieved simply by slicing out an image, and setting it as a background of some element. Luckily, with CSS3, we can be afforded much more flexibility. Now, while the code for such a simple effect might be a bit tedious, its well worth it, and thats what well review in todays written and video quick tip!

Category:

Education

Tags:

• css3
• nettuts
• css
• jeffrey way
• mozilla
• webkit
• web design
• web development

[fswmacguy]

Awesome video. Glad to see use of CSS3. Perhaps someday we can replace image-based web layouts.

[hpc01]

WebKit should implement the same border colors effect if they want to stay up-to-date with Moz. Great tutorial Jeffrey, keep them coming!

[DrRhoxus]

@whoisalexreynish IE doesn't support CSS3 yet, to archieve this you could add a separate CSS stylesheet with images and use conditional html comments to archieve the same effect.

IE 9 will be supporting CSS3.

[whoisalexreynish]

Great video. How do i get this to work in IE? :-S