这是一个简单但设计精巧的纸张摺起动效,由纸张DIV的before和after两个伪元素所构建。
这两个伪元素使用绝对定位,置于纸张box DIV元素的底部,
鼠标悬停时加上skew、shadow和transition CSS3样式,形成下边角缓缓褶起的视觉效果。
代码和在线演示地址:http://wow.techbrood.com/fiddle/1917
这是一个简单但设计精巧的纸张摺起动效,由纸张DIV的before和after两个伪元素所构建。
这两个伪元素使用绝对定位,置于纸张box DIV元素的底部,
鼠标悬停时加上skew、shadow和transition CSS3样式,形成下边角缓缓褶起的视觉效果。
代码和在线演示地址:http://wow.techbrood.com/fiddle/1917