Colors & opacity in CSS3

In CSS3 there are very easy to steps to increase or decrease the opacity of an object by simple methos

.opacity{
background:rgba(0, 54, 105, .5); /*RGBA:RED, GREEN, BLUE, LEVEL OF OPACITY*/
/*background:rgba(red, green,blue, level of opaity)*/
width:200px;
height:200px;
margin:20px;
color:#000000;
padding:15px;
}

.hslColor{ /*HSL stand for Hue saturation & lightness*/
background-color: hsl(209,41.2%, 20.6%);
}

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s