css金币动画_jquery点击抛洒金币掉落动画特效

特效描述：抛洒金币掉落动画 动画特效。jquery抛洒金币，金币掉落，金币动画。

代码结构

1. 引入CSS

2. 引入JS

3. HTML代码



jQuery金币抽奖效果代码下载

.main {

width: 200px;

margin: 0 auto;

}

.item1 {

height: 150px;

position: relative;

padding: 30px;

text-align: center;

-webkit-transition: top 1.2s linear;

transition: top 1.2s linear;

}

.item1 .kodai {

position: absolute;

bottom: 0;

cursor: pointer;

}

.item1 .kodai .full {

display: block;

}

.item1 .kodai .empty {

display: none;

}

.item1 .clipped-box {

display: none;

position: absolute;

bottom: 40px;

left: 80px;

height: 540px;

width: 980px;

}

.item1 .clipped-bo