CSS3 opacity allows the useful control of setting how see-through an element is and is great for backgrounds and creating :hover effects. The declaration ‘opacity’ sets the value to how opaque an elements is: layer, text, image, etc… An element with opacity value 1.0 will be fully opaque (visible) while an element with opacity value [...]

Shadows have been around since the beginning of CSS2, however the only browser supporting them then (and continually now) was Safari. The CSS3 box-shadow is written box-shadow: Apx Bpx Cpx #XXX; – Apx = x-axis – Bpx = y-axis – Cpx = cast length / feathering – #XXX = colour as usual But it can [...]

Use the border-image CSS3 property to create some new and impacting borders. The first thing to do is create your basic border, this will be filled by your border images or as a fallback for browsers not supporting border-image. To apply the border-image, we use the CSS -webkit-border-image: url(borderfile.png) A B type; – A = [...]

Background images / textures are being used and implemented in many ways, often adding the nicest of finishing touches to a website. With CSS3 we can call at the same time many different background to a class with different positions. But it can not work properly on all browsers. Yes: Chorme, FireFox (3.6), Safari, Opera [...]

Alpha allows us the ability to set a level of opacity. An element with opacity/alpha value of 1.0 will be fully opaque (visible) while an element with opacity value 0.0 will be the complete opposite, invisible. Any value inbetween will determine how opaque (or transparent) the color or object is against its background. CSS3 HSLA [...]

Alpha allows us the ability to set a level of opacity. An element with opacity/alpha value of 1.0 will be fully opaque (visible) while an element with opacity value 0.0 will be the complete opposite, invisible. Any value inbetween will determine how opaque (or transparent) the color or object is against its background. CSS3 RGBA [...]