Cogzidel Templates Blog

This article provides an introduction to the new CSS3 standard which is set to take over from CSS2. CSS3 offers a huge variety of new ways to create an impact with your designs, providing easy implementation of some concepts with quite a few important changes.

The implementation of CSS3 is going on in modules. Several of the modules have now been completed and the others are still being worked upon. It is incredibly difficult to predict when all the web browsers will adopt the new features of CSS3.New features will be implemented gradually in different browsers, and it could still be a year or two before every module is widely adopted. In fact, CSS3 patiently sits, all ready to make its debut, waiting for the browsers to provide the red carpet. You see, it is the browsers that need to catch up.

Here is a quick outlook on CSS3 browser Compatibility:

• Firefox (3.0.5… some support)
• Google Chrome (1.0.154.36… some support)
• Internet Explorer (IE6, IE7, IE8…no support)
• Opera (9.6… little support)
• Safari (3.2.1 on Windows… good support)

CSS3 will obviously be completely backwards compatible, so it won’t be necessary to change existing designs to ensure they work. Web browsers will always continue to support CSS2. Many new features have been thought up for CSS3. Here are some interesting features that you may love to use.

CSS3: Border Properties

• Border Radius
• Border Color

CSS3: Background Images

• Background-size
• Background-clip
• Multiple backgrounds

CSS3: Shadows

• Box Shadow
• Text Shadow

CSS3: Multiple Columns
CSS3: Text Features

• Word-wrap
• Text-overflow

CSS3: Embedding A Font Face
CSS3: Colors

• Opacity
• HSL & HSLA
• RGBA

CSS3 gives us better control over our HTML elements, opening up possibilities of creating complex and flexible designs. For More information, you can refer the following sites: w3.org, designshack.co.uk, zenelements.com and css3.info. Happy Learning!!

This entry was posted on Tuesday, March 23rd, 2010 at 3:59 am and is filed under CSS Tips. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.