jQuery实现扑克正反面翻牌效果

作者：简简单单 2017-06-19

效果图：

代码如下：

 

 代码如下 复制代码

 

 

 【JQuery插件】扑克正反面翻牌效果

 

 

 

 

 

demo1 y轴 (css布局提示：背面默认隐藏 height为0 top是高度的一半也就是demo中间)

 

 正面正面正
面正面正面

 背面

 

 

 正面

 背面

 

 

 

demo2 x轴(css布局提示：背面默认隐藏 width为0 left是宽度的一半也就是demo中间)

 

 正面

 背面

 

 

 正面

 背面

 

 

上一个：element.style内联样式的修改方法 下一个：Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片

相关文章

精彩推荐