CSS3 SVG实现的卡片内容翻转切换动画

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

之前我们分享过很多关于CSS3实现的卡片动画,比如这个纯CSS3实现可感知方向的卡片翻转动画就非常不错。这次给大家介绍的是一个基于CSS3和SVG的卡片内容翻转切换动画,卡片中的内容可以是任意的HTML代码,例如图片和文字,点击左右的切换按钮后即可将卡片中的内容翻转切换,效果非常不错。

css3-svg-card-rotate

在线演示源码下载

热门推荐