text-shadow: 4px 4px 0px hsla(140, 3%, 26%, 0.4);
但要注意浏览器必须得同时支持 HSL/RGB颜色和 text-shadow 才能渲染出效果。考虑
到浏览器兼容性,在使用 HSLA或 RGBA阴影时我一般都这样做:
text-shadow: 4px 4px 0px #404442;
text-shadow: 4px 4px 0px hsla(140, 3%, 26%, 0.4);
即先定义一个使用十六进制颜色的阴影(作为针对老版本浏览器的备用方案) ,然后再定
义一个使用 HSLA或 RGBA颜色的阴影。