在CSS3中,box-shadow和filter:drop-shadow,都能实现阴影效果。乍看之下几乎没有任何区别:Demo1,可事实上并非如此。

最常见的情况,不知各位有没遇到过在某个带阴影的元素上,通过伪类添加一个箭头。此时会遇到一个蛋疼的情况,那就是所添加的箭头没有阴影。对此,我们通常会理解为这是两个“元素”所以没有很正常,但如果再给这箭头添加阴影,可能会导致两个元素的阴影重叠,影响效果。而filter:drop-shadow的最大优点,就是能够识别一个元素的轮廓和透明度:Demo2 [ 查看全文... ]