> 웹 프론트엔드 > H5 튜토리얼 > HTML5炫酷扑 克 牌卡片动画类库

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

WBOY
풀어 주다: 2016-05-17 09:07:13
원래의
2105명이 탐색했습니다.
  简要教程
  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

관련 라벨:
h
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿