GB-css3-wheel

简介

纯CSS3绘制的可灵活配置的适用于移动端的抽奖大转盘。

微信小程序最初公测时，本想基于 https://github.com/givebest/GB-canvas-turntable 做个转盘抽奖例子，但由于初次公测，微信小程序对于 Canvas 支持度不够，如 z-index 永远最高层，高过自身的 debug 调式信息，：），还有 rotate 完全不支持。

所以，后来只好用 CSS3 来绘制转盘了，虽然效果不如 Canvas 绚丽，但现在想想，贵在简单且支持响应式，特抽空整理出这样一个单独的项目分享出来，只能算是一个简单的项目记录，不够完整，完整项目请看下面：

Canvas大转盘抽奖（完整项目）移步这里：

项目：https://github.com/givebest/GB-canvas-turntable
演示：http://blog.givebest.cn/GB-canvas-turntable.html

DEMO

http://blog.givebest.cn/GB-css3-wheel.html

感谢他们

演示网页排版来自： https://github.com/sofish/typo.css
奖品Icon来自：https://github.com/saeedalipoor/icono
CSS3转盘背景来自：http://lea.verou.me/css3patterns/

License

GPL-3.0 © 2017 givebest