PbootCMS教程
html5教程
CMS教程
网页设计
bootstrap教程
扁平化设计
手机网站教程
HTML5动态
css3教程
前端设计
HTML5炫酷扑 克 牌卡片动画类库
时间:2016-03-09
简要教程
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
上一篇:基于HTML5鼠标点击淡入淡出切换代码
下一篇:用HTML和CSS实现WWDC 2015上的动画效果
相关文章
如何将 HTML5 性能发挥到极致
由于实际运行环境是在浏览器中,因此性能还取决于JavaScript解释器的效率,指定的FPS帧速在低性能解释器中可能不会
HTML5 VideoAPI,打造自己的Web视频播放器
本文将使用HTML5提供的VideoAPI做一个自定义的视频播放器,需要用到HTML5提供的video标签、以及HTML5提供的对JavascriptAP
HTML5 手势检测原理和实现
随着 Hybrid 应用的丰富,HTML5 工程师们已经不满足于把桌面端体验简单移植到移动端,他们觊觎移动原生应用人性化的
4分钟学会网页样式[译]
你想要在自己网站上分享一个产品,或者是一个作品集,又或者仅仅只是一个灵感。在你发布到网上之前,你想让它
H5你真的了解吗?(绝对干货)
H5广告,包括H5广告的设计流程,究竟有什么讲究,和阶段。为了能帮助更多的人了解H5广告,我专门做了一个讲义。
2015-2016前端架构体系技术精简版
本文主要内容有:框架与组件、构建生态、开发技巧与调试、html、css与重构、native/hybrid/桌面开发、前端/H5优化、全
最新文章
有关HTML5页面在iPhoneX适配问题
这篇文章主要介绍了有关HTML5页面在iPhoneX适配问题,需要的朋友可以参考下
html5中canvas图表实现柱状图的示例
本篇文章主要介绍了html5中canvas图表实现柱状图的示例,本文使用canvas来实现一个图表,小编觉得挺不错的,现在分享给大家
Adobe Html5 Extension开发初体验图文教程
基于HTML5的WebGL经典3D虚拟机房漫游动画
手机端用rem+scss做适配的详解
canvas 实现 github404动态效果的示例代码
关于h5中的fetch方法解读(小结)
html5实现移动端适配完美写法
localStorage、sessionStorage使用总结
HTML5响应式(自适应)网页设计的实现
SVG实现多彩圆环倒计时效果的示例代码
HTML5打开手机扫码功能及优缺点