CSS3 is the latest version of Cascading Style Sheets, which is used to embed and enhance features on to websites. First published in 1999, CSSS3 runs on the foundation set by the first 2 generations and divides up the feature set into separate docs known as modules. Each module is able to add its own new features or functionality while in general maintaining backwards compatibility with CSS2. The benefit of modules is that they allow the specification to be completed and approved faster, since segments are approved and completed in chunks.

With the introduction of CSS3 and the latest advancement, web designers are now equipped with tools which weren’t present in the earlier versions. These tools and features were only present with complex graphic software such as Photoshop and vector based drawings. It’ snow very easy to add cool effects such as box shadows, corners, box-rotation, text-shadows, animations, selectors, multi-column layout, ruby, etc, with CSS3, which used to take several working hours and at many times use of images.

Example

1. Add rounded corners to DIV element

div
{
border:2px solid;
border-radius:25px;
}

2. Add a box-shadow to a div element:

div
{
box-shadow: 10px 10px 5px #888888;
}

CSS3 is here to increase webpage interactivity and boost the appearance of your website.