阴影颜色不一定非得是十六进制值

发布日期:2015-08-28 19:33:45
阴影颜色不一定非得是十六进制值,也可以是 HSL(A)或 RGB(A):
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颜色的阴影。

相关文章

  Copyright © 2010-2018 北京梦创义科技
公司地址:朝阳区紫芳路9号院广顺园2号楼2605A

联系我们| 关于我们| 网站地图| 北京网站建设| 北京网页设计