body {
background-color:#EEE;
}
.error-fox {
margin:50px auto;
text-align:center;
color:red;
}
.game-fox,.qipan-fox {
width:400px;
height:400px;
border:0px #000 solid;
margin:0px auto;
box-shadow:5px 5px 20px #000;
position:relative;
}
.qipan {
box-shadow:0 0 1px #DDD;
position:absolute;
width:100px;
height:100px;
}
.card {
box-shadow:0 0 0px #DDD;
position:absolute;
width:100px;
height:100px;
cursor:pointer;
}
.c-tran-4 {
transition:all 0.2s;
}
.card-nr {
width:50px;
height:50px;
left:25px;
top:25px;
line-height:15px;
text-align:center;
position:absolute;
background-color:#FFF;
background-size:100% 100%;
cursor:pointer;
transition:all 0.2s;
}
.qipan-nr {
position:absolute;
width:100px;
height:100px;
cursor:pointer;
}
/* 飞跳洞 */
.card-ftd {
font-size:0.5em;
}
/* 不同状态不同类 */
.card-cs-1 {
background-image:url(img/card-bg.jpg);
}
.card-cs-4 {
width:60px;
height:60px;
left:20px;
top:20px;
box-shadow:0 0 30px #94D8F6;
z-index:99;
}
/* 翻牌特效 */
.card-fanpai {
transform:rotateY(90deg);
}
.card-hover {
box-shadow:0 0 20px #94D8F6;
}
/* 做标 */
.zuobiao {
width:10px;
height:10px;
border-radius:50%;
background-color:green;
box-shadow:0 0 10px green;
margin:45px;
transition:all 0.5s;
transform:scale(0,0);
}
.zuobiao-show {
transform:scale(1,1);
}
/* 线段 */
.xd-td {
width:100px;
height:100px;
position:absolute;
border:1px #aaa solid;
}
更新时间:2021-09-08 09:11:35
朋友开发的,反正没见过其他版本的