在以往的开发中 ‘box-shadow’这样的属性昰经常使用的相信大家都不陌生

但是最近的开发中遇到了这样的需求：

就是不规则形状的阴影，这种需要怎么实现呢

我的思路是：将一個正方形定位到左侧中间并且旋转然后设置阴影

查询资料后发现：box-shadow共存在5个参数：x-offset y-offset blur-size scale-size color，此处着重关注scale-size这个属性控制产生阴影的大小  这个夶小是已元素本身的宽高为基准，进行缩放后然后对阴影位置调整最终的属性为：

发布了46 篇原创文章 · 获赞 35 · 访问量 5万+