COM271, Week 12
CSS3
Syllabus | Table of Pages | Assignments | References and Useful Links
As with HTML5, you will want to keep up with developments of CSS3 as they flow from the W3C or off the press. The W3C's CSS3 page is www.w3schools.com/css3/default.asp. The A Book Apart series has a concise guide to many of the newer offerings: Dan Cederholm, CSS3 for Web Designers, 2010. 125 p.
Browser Support
New CSS3 properties are not yet a formal recommendation, but many of them are available in current browsers. Check the W3C's table of browser support,
www.w3schools.com/cssref/css3_browsersupport.asp
for a listing.
Border effects: There are two new border effects that are supported in current browsers (with a variation in Mozilla):
- border-radius
- box-shadow
Text shadow: You specify the horizontal shadow, the vertical shadow, the blur distance, and the color of the shadow: text-shadow: 3px 3px 3px #f33;
No more photoshop or CSS positioning tricks!
Note: Not yet in IE.
Check out the text-transform and other features by visiting the CSS3 site (left).