Home > Web Front-end > H5 Tutorial > HTML5炫酷扑 克 牌卡片动画类库

HTML5炫酷扑 克 牌卡片动画类库

WBOY
Release: 2016-05-17 09:07:13
Original
2105 people have browsed it
  简要教程
  deck-of-cards是一款非常炫酷的HTML5扑 克 牌卡片动画类库。它使用纯js和CSS3来实现洗牌,发牌等功能。在这个效果的演示中,扑 克 牌使用SVG来制作,共给出了5种功能的演示效果。

1.jpg
  使用方法
  在DEMO中共给出了5种演示效果,第一种是洗牌效果,如下图:

2.jpg

  第二种是扑 克 牌排序功能:

3.jpg

  第三种是扑 克 牌花色分类功能:

4.jpg

  第四种是将扑 克 牌排列为扇形:

5.jpg

  第五种是随机洗牌后发5张牌:

6.jpg

  该HTML5扑 克 牌动画类库的更多功能作者将会在以后持续更新,请关注:https://github.com/pakastin/deck-of-cards

  你可能还会喜欢这两个插件:

  可视化CSS3动画代码生成js库插件-Bounce.js

  html5轻量级炫酷js粒子动画库插件

   本文版权属于jQuery之家,转载请注明出处:http://www.htmleaf.com/html5/html5donghua/201509082541.html

Related labels:
h
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template