HTML5炫酷扑 克 牌卡片动画类库
程序员文章站
2022-03-29 21:46:07
...
简要教程
deck-of-cards是一款非常炫酷的HTML5扑 克 牌卡片动画类库。它使用纯js和CSS3来实现洗牌,发牌等功能。在这个效果的演示中,扑 克 牌使用SVG来制作,共给出了5种功能的演示效果。
使用方法
在DEMO*给出了5种演示效果,第一种是洗牌效果,如下图:
第二种是扑 克 牌排序功能:
第三种是扑 克 牌花色分类功能:
第四种是将扑 克 牌排列为扇形:
第五种是随机洗牌后发5张牌:
该HTML5扑 克 牌动画类库的更多功能作者将会在以后持续更新,请关注:https://github.com/pakastin/deck-of-cards
你可能还会喜欢这两个插件:
可视化CSS3动画代码生成js库插件-Bounce.js
html5轻量级炫酷js粒子动画库插件
本文版权属于jQuery之家,转载请注明出处:http://www.htmleaf.com/html5/html5donghua/201509082541.html
deck-of-cards是一款非常炫酷的HTML5扑 克 牌卡片动画类库。它使用纯js和CSS3来实现洗牌,发牌等功能。在这个效果的演示中,扑 克 牌使用SVG来制作,共给出了5种功能的演示效果。
使用方法
在DEMO*给出了5种演示效果,第一种是洗牌效果,如下图:
第二种是扑 克 牌排序功能:
第三种是扑 克 牌花色分类功能:
第四种是将扑 克 牌排列为扇形:
第五种是随机洗牌后发5张牌:
该HTML5扑 克 牌动画类库的更多功能作者将会在以后持续更新,请关注:https://github.com/pakastin/deck-of-cards
你可能还会喜欢这两个插件:
可视化CSS3动画代码生成js库插件-Bounce.js
html5轻量级炫酷js粒子动画库插件
本文版权属于jQuery之家,转载请注明出处:http://www.htmleaf.com/html5/html5donghua/201509082541.html
上一篇: php学习笔记--filter
下一篇: 『HTML5梦幻之旅』-动感圆圈