Vue实现牌面翻转效果

本文实例为大家分享了vue实现牌面翻转效果的具体代码，供大家参考，具体内容如下

1.实现效果

实现一个点击沿中心y轴翻转的翻转效果。

2.方法

分前（front）、后(behind)两部分，behind的div通过css布局设定为将其翻转180度在front的div后面隐藏不显示，点击执行翻转动画，在执行翻转动画的时候设置behind的div显示，之后将front的div隐藏.依次反复。

3.具体代码

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。