CSS3
CSS3 (or CSS 3) refers to Cascading Style Sheets Level 3, which at the time of writing, is under development by the W3C.
CSS3 adds quite a considerable amount to the capabilities of CSS. For example, CSS3 enables you to add animation to your web pages (without needing third party plugins etc). It allows you to transform your HTML elements and create 3D animations. It also provides you with the ability to add gradients to your background colors, rounded corners to your <div> tags, multiple columns to your text, and much more.
In this section of the website, you will find CSS3 examples and property references, etc.
In case you're wondering what CSS is, it is the standard way to add style (e.g., fonts, colors, spacing) to websites and other HTML documents. For a basic introduction to how CSS works, see the CSS tutorial.
CSS Properties
Below is a list of CSS properties that are being introduced with CSS3.
Border Radius (Rounded Corners) |
Border Images |
Multi-Column Properties |
Animation Properties |
Transition Properties |
Transform Properties |
New Background Properties |
Overflow Properties
|
Marquee Properties |
Other New Properties
|
CSS3 Gradients
CSS level 3 enables web developers to create CSS gradients. A gradient is where one color fades gradually into another color. This can give you a nice subtle effect for shading in backgrounds, buttons, and other HTML elements. The good thing about CSS3 gradients is that you can create a gradient without needing to use background images (like you had to in CSS 2).