A guide to using css3 ‘RGB’ & ‘RGBA’, giving us not only the ability to set RGB color/colour but also apply a level of opacity.

CSS3 opacity allows the useful control of setting how see-through an element is and is great for backgrounds and creating :hover effects.

Want to get away from ‘Web Safe’ fonts for some attractive headers AND do it without using an image? Use CSS 3 and embed a font-face!

NOTE: This article uses font file stored online and your browser may run slow or attempt to crash… sorry!

Use CSS3 to create a set of columns on your website without having to assign individual layers and / or paragraphs for each column.

Background images / textures are being used and implemented in many ways, often adding the nicest of finishing touches to a website. It is now in CSS3 we can apply background image dimensions as well as use multiple background images.

Shadows have been around since the beginning of CSS2, however the only browser supporting them then (and continually now) was Safari. Shadows can be applied in CSS3 to borders, images as well as affecting text as well.

Give your borders a more color / colour filled effect with CSS3 using the border-color property.