明凯博客

关注网站技术,一个特立独行的程序员

Css中box-shadow属性实现曲线投影纸张效果

一般的投影效果,尤其通过CSS实现的投影效果(无论是CSS3,还是IE滤镜),都是直来直往的。纸张是有卷角的,其投影就是曲面的。

首先,曲线投影的终效果其实是多投影重叠的效果:一点点倾斜的投影重叠一个直直的投影。
一般的直来直往的投影显然是使用box-shadow属性就可以搞定了。

然后我们看效果:
box1

下面是代码:

代码预览

IE6是不支持的before和after的。需要写js来实现。

, ,

相关文章

2 条评论 “Css中box-shadow属性实现曲线投影纸张效果

发表评论

电子邮件地址不会被公开。 必填项已用*标注