hooyantsing's Blog

P230_22_盒阴影偏移技巧与currentColor特性

字数统计: 99阅读时长: 1 min
2020/04/25

P230 22 盒阴影偏移技巧与currentColor特性

currentColor

引用color属性的值,达到阴影和字体同色的效果。

441c7ddc05761594187944c8a4015f10.png

1
2
3
color: yellowgreen;
//参数: x偏移量 y偏移量 模糊度 颜色
box-shadow: 55px 55px 0 currentColor;

对shadow属性的补充:

shadow的长宽值取决于元素的长宽,可以通过偏移量大于长宽值而把阴影移出元素的下方。

CATALOG