CSS伪元素中before和:after以及box-shadow应用是怎样的

本篇文章给大家分享的是有关CSS伪元素中before和:after以及box-shadow应用是怎样的，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

10年积累的成都网站制作、成都网站建设、外贸营销网站建设经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计制作后付款的网站建设流程，更有镇巴免费网站建设让你可以放心的选择与我们合作。

利用CSS伪元素：before 和：after 可以在文档前后插入内容而不改变文档原有结构，再配合 box-shadow 可以实现很炫的效果,

下面就展示三个例子：

1、利用 :before 和 :after 添加背景，比如给一段文字前后打引号；

2、利用 :before, :after, box-shadow 实现3D阴影效果;

3、利用 :before, :after, box-shadow 实现照片叠加效果.

代码如下:

Pseudo Demo