简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > H5 Tutorial > body text

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

WBOY
Release： 2016-05-17 09:07:13
Original
2050 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
Previous article：Canvas属性方法整理 Next article：使用jQuery控制HTML5视频播放/暂停
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
Latest Articles by Author
Latest Issues
Regular expression filter for MERN stack search boxes and checkboxes I'm trying to understand how the MERN stack works together by learning by doing, and I'm f...
From 2024-04-06 14:53:12
0
1
425
Can PDF files run HTML5 and Javascript? I have a stupid idea to try and make a program that won't be blocked on any computer since...
From 2024-04-05 12:57:00
0
1
456
Prestashop installation issue: Unable to install custom module I am new to Prestashop module development. I'm trying to build Amy's first prestashop modu...
From 2024-04-03 19:24:44
0
1
402
PHP Tutorial: How to upload text and images to Linkedin using PHP? I try to upload text, images and links using LinkedinsRestAPI (https://learn.microsoft.com...
From 2024-04-03 18:42:29
0
1
420
Unable to receive information from my mySQL database despite having seen tutorials doing the exact same thing So I'm trying to make a program that reads and writes to a MySQL database, which led me to...
From 2024-04-03 14:46:04
0
1
298
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！