box-shadow实现不同角度的投影

2016-10-28
阅读 1 分钟
6.2k
先看看看box-shadow的参数说明: h-shadow 水平阴影的位置。允许负值。 v-shadow 垂直阴影的位置。允许负值。 blur 模糊距离 spread 阴影的尺寸 为了实现不同角度的投影,需要借助四个参数。核心原理是将模糊的距离加大,将阴影的尺寸减小 顶部投影 {代码...} 右侧投影 {代码...} 底部投影 {代码...} 左侧投影 {代码...}...