Html
    Css
    Js

    
                        
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;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

顺心棋小游戏

更新时间:2021-09-08 09:11:35

朋友开发的,反正没见过其他版本的

0