CSS3 3D卡片层叠动画

9,434 人浏览

2018-07-01 11:01:35

本文作者html5tricks，转载请注明出处

CSS3提供了很多属性可以实现3D效果，之前我们也分享过一些基于CSS3和HTML5的卡片动画，例如这个纯CSS3实现可感知方向的卡片翻转动画和CSS3实现答题卡片抽取切换动画。这次我们给大家带来另一款基于CSS3的卡片层叠动画，它可以让若干张卡片上下层叠起来，并且在鼠标滑过时给卡片呈现发光的效果，卡片层叠起来后给人3D立体的视觉效果。