现在学习到了过渡效果了，已经开始有做动画效果的意识了，会实现一些比较炫的小玩意，一个网页加入过渡动画效果，会让人看起来很有美观，不僵硬，有看头，动画是一个网页美观的主要体现之一，下面做个使用个过渡效果实现的抽奖例子。
先来效果图：
这个的实现需要使用到一些js代码。
所需图片：
这张图是pointer.png的位置的。
turntable-bg.jpg这张是背景图，在背景位置。
需要这三张图片，如果要实现一下，直接另存这三图片引入进去即可。如果不会请修改成对应的图片名字，放到同一个文件下。
代码：
<Meta charset="UTF-8">
抽奖
@H_301_38@
#bg{
width: 650px;
height: 600px;
margin: 0 auto;
background: url(turntable-bg.jpg) no-repeat;
position: relative;
}
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;
}