The CSS3 border-radius property allows web developers to easily round the corners of their elements:
-moz-border-radius: 15px; /* Préfixe Moz pour Mozilla (non valide W3C)*/
border-radius: 15px; /* Aucun préfixe pour les navigateurs qui comprennent la propriété sans préfixe (valide W3C) */
CSS3 implement (as from version 3.1 of Firefox) the ability to make shadow : the box-shadow property.
The property use 3 sizes and a color as attributes, the sizes are:
1. the horizontal offset of the shadow: a positive offset, this means that the shadows appear on the right side of the box, a negative offset will bring the shadow on the left of the box.
2. the vertical offset: a negative value means that the shadow will appear on the top of the box, a positive value will shift the shadow at the bottom of the box.
3. Opacity (range 0 to 1): the more value will be close to 0, the shadow will lose in opacity.
This is equivalent to the text-shadow property of CSS2.
Background in CSS3
background-clip and background-origin
The background-origin property is used to determine how the background will be positioned in a box.
This property takes three values: border-box, padding-box and content-box.
A picture is worth a thousand words!
Experimental implementations have the following properties:
CSS3 gives you a way to specify a size for your background images. You can specify the size in pixels (width and height), or as percentage.
Multiple background in CSS3
Nothing much more complicated once:
background: url(body-top.gif) top left no-repeat, url(banner_fresco.jpg) top 11px no-repeat, url(body-bottom.gif) bottom left no-repeat, url(body-middle.gif) left repeat-y;
The colors in CSS3
Besides the use RGB and hexadecimal colors, CSS3 also include the HSL property (Hue, Saturation, Brightness).
HSL takes three values:
Hue: Red is 0 or 360, green is 120, and blue is 240.
Saturation: Saturation is a percentage value, where 100% is the exact color.
Lightness: The light is also a percentage or 0% is dark (black), and 100% totally clear (white), 50% is the average.