Welcome to collectivesolver - Programming & Software Q&A. A website you can trust. I check, compile and run every program. Contact me at: aviboots(AT)netvision.net.il
Hostgator 1 Penny

BlueHost Web Hosting

Ecommerce Software - Best Ecommerce Platform Made for You - Free Trial

Ecommerce Software - Best Ecommerce Platform Made for You - Free Trial

getflywheel wordpress hosting


Distribute your Resume to 500+ Job Boards & Recruiters


6,869 questions

9,775 answers

573 users

How to use CSS HSLA Colors

1 Answer

0 votes
<!DOCTYPE html>
<html>
<head>
<style>
/* hsla(hue, saturation, lightness, alpha) */
/* Hue - degree on the color wheel: 0 - 360
/* Saturation - percentage: 0% shade of gray - 100% full color */
/* Lightness - percentage: 0% is black - 100% is white */
/* Alpha - opacity: 0.0 (full transparent) - 1.0 (full opaque) */

#p1 {background-color:hsla(120, 100%, 50%, 0.2);}
#p2 {background-color:hsla(120, 100%, 75%, 0.2);}
#p3 {background-color:hsla(120, 100%, 25%, 0.2);}
#p4 {background-color:hsla(120,  60%, 70%, 0.2);}

</style>
</head>

<body>
<p>HSL colors with opacity:</p>
<p id="p1">Green</p>
<p id="p2">Light green</p>
<p id="p3">Dark green</p>
<p id="p4">Pastel green</p>
</body>
</html>

 




answered Dec 30, 2015 by avibootz
...