Greg Donald - CSS3 Semi-Transparent Gradient Background

Skip to content

CSS3 Semi-Transparent Gradient Background

background: #000;
background: -moz-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0.9));
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0.4)), to(rgba(0,0,0,0.9)));

This works for me in latest Chrome and Firefox.

No idea if it works in IE, good luck.

Be Sociable, Share!

Tweet

Post a Comment