@H_404_0@本文实例讲述了jQuery实现的双11天猫拆红包抽奖效果代码,是一款基于jquery+css3实现的鼠标点击红包摇一摇抽奖代码,具有点击抽奖后红包摇动并弹出抽奖结果信息的功能,分享给大家供大家参考。具体如下:
运行效果截图如下:
<p style="text-align: center">
@H_404_0@具体代码如下:
@H_404_0@HTML部分: @H_404_0@说明: .opacity 是抽中奖的遮罩层; .red 是抽奖图片; .windows 是抽中奖的界面
CSS部分:
Box-shadow:1px1px20px#666;
position: fixed;
top:50%;
left:50%;
overflow: hidden;
margin-left:-150px;
margin-top:-172px;
transform-origin:50%100%;
-webkit-transform-origin:50%100%;
}
@H_404_0@这里,我们让旋转的起点为图片的底部中心。