轮盘抽奖html页面,范例之轮盘抽奖

实例之轮盘抽奖

现在学习到了过渡效果了，已经开始有做动画效果的意识了，会实现一些比较炫的小玩意，

一个网页加入过渡动画效果，会让人看起来很有美观，不僵硬，有看头，动画是一个网页

美观的主要体现之一，下面做个使用个过渡效果实现的抽奖例子。

先来效果图：

这个的实现需要使用到一些js代码。

所需图片：

这张图是pointer.png的位置的。

turntable-bg.jpg这张是背景图，在背景位置。

这张是turntable.png位置的。

需要这三张图片，如果要实现一下，直接另存这三图片引入进去即可。如果不会请修改成对应的图片名字，放到同一个文件下。

代码：

抽奖

}img[src^="pointer"]{position:absolute;z-index:10;top:155px;left:247px;

}img[src^="turntable"]{position:absolute;z-index:5;top:60px;left:116px;transition:all 4s;

}