纯CSS3实现的纸张褶起动效

这是一个简单但设计精巧的纸张摺起动效,由纸张DIV的before和after两个伪元素所构建。

这两个伪元素使用绝对定位,置于纸张box DIV元素的底部,

鼠标悬停时加上skew、shadow和transition CSS3样式,形成下边角缓缓褶起的视觉效果。


代码和在线演示地址:http://wow.techbrood.com/fiddle/1917

你可能感兴趣的:(html5,css3,纸张,褶起)