摘要:
难点 普通元素添加border-radius所生成的形状添加box-shadow的效果都非常完美。但是当普通元素添加了伪元素或者半透明的装饰之后,box-shadow就会有点力不从心。因为boder-radius会无耻地忽视透明部分。 场景: 1. 半透明图像,背景图像,border-image 2 阅读全文
摘要:
背景知识 box-shadow 第三个参数是模糊半径,使用高斯模糊算法进行模糊处理。本质上表示在阴影边缘发生阴影色和纯透明色之间的颜色过渡长度近似于模糊半径的两倍。 第四个参数是扩张半径,会根据指定的值扩大或者缩小投影的尺寸。宽度和高度分别扩张或者减少两倍的扩张半径。 单侧投影 如果给一个负的扩张半 阅读全文