Previously we’ve learned how to make rounded corners and add multiple background images to a single element with the power of CSS3.

Transparency With CSS3

With CSS3 the ability to create transparent elements has been made very easy. No longer do we have to use PNG files or some fancy Javascript plugins for it. Now it can all be done with CSS using this simple line of code:

1
2
3

p {
    background: rgba(83, 119, 141, 0.5); // red, green, blue, opacity
}

This would output: