CSS3实现Drop-shadow_html/css_WEB-ITnose

我们可以通过 CSS3 中的box-shdow和transform 来实现酷炫的Drop-shadow效果：

下面记录一下是实现步骤。

DOM 结构

我们仅仅需要一个div作为主体，阴影可借助伪元素:before和:after来实现。所以我们的 DOM 结构非常简单。

drop shadow effect

      
查看更多关于CSS3实现Drop-shadow_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did108140