jquery实现大转盘抽奖效果代码

代码语言:html

所属分类:大转盘

代码描述:jquery实现大转盘抽奖效果代码

代码标签: jquery 转盘 抽奖

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/font-awesome-4.7.0/css/font-awesome.min.css">
    <style>
        body {
        	transition:background-color 1s linear 0s
        }
        * {
        	box-sizing:border-box
        }
        .box {
        	width:250px;
        	height:250px;
        	box-shadow:0 0 10px rgba(0,0,0,.3);
        	position:relative;
        	margin:30px auto;
        	border-radius:50%;
        	overflow:hidden;
        	text-align:center
        }
        .box .inner {
        	width:100%;
        	height:100%;
        	transition:all 1s ease-out 0s
        }
        .box .inner:after {
        	content:'';
        	position:absolute;
        	top:-1px;
        	left:-1px;
        	bottom:-1px;
        	right:-1px;
        	border:10px solid #FFF;
        	border-radius:50%;
        	box-shadow:0 0 22px rgba(0,0,0,.7) inset
        }
        .box .inner .item {
        	position:.........完整代码请登录后点击上方下载按钮下载查看

网友评论0