Css学习: filter:drop-shadow 实现镂空+阴影效果
一个新的特性，可以实现这前很难实现的效果
先看demo
核心代码
具体参数与 box-shadow 一样
.drop-shadow {
filter: drop-shadow(5px 5px 10px black);
}box-shadow VS drop shadow
box-shadow顾名思意“盒阴影”，只是盒子的阴影；你想啊，这盒子中间明明是透明的，结果，阴影的时候，居然光线没有穿透；但是drop-shadow就符合真实世界的投影，非透明的颜色，我就有投影；透明部分，光线穿过，没投影，而什么盒子不盒子的，跟我没有任何关系。
drop-shadow不仅可以穿透代码构建的元素的透明部分，PNG图片的透明部分也是可以穿透的，如下图：
问题
经实际使用发现，在Safari桌面浏览器下，有时候drop-shadow会让内部的<textarea>文本域输入的文字不可见。