Heim >Web-Frontend >H5-Tutorial >HTML5炫酷扑 克 牌卡片动画类库

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

WBOY
WBOYOriginal
2016-05-17 09:07:132091Durchsuche
  简要教程
  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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn