Javript大富翁（原创）

 查看演示  website  立即下载

更新时间：2019-11-23 23:32:04

更新说明：修好了所有bug

更新时间：2019-10-18 01:32:14

更新说明：终版终于出来啦！

更新简介：

1.修复了所有已知的bug

2.开放了地图所有功能区域

3.加入了电脑，最大游戏人数为四人，可以自由选择玩家和电脑

css部分

* {
	margin:0;
	padding:0;
	border:0;
}
html,body {
	margin:0;
}
@-webkit-keyframes STAR-MOVE {
	from {
	background-position:0% 0%
}
to {
	background-position:600% 0%
}
}@keyframes STAR-MOVE {
	from {
	background-position:0% 0%
}
to {
	background-position:600% 0%
}
}.wall {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}
div#background {
	background:black url('img/background.png') repeat-x 5% 0%;
	background-size:cover;
	-webkit-animation:STAR-MOVE  200s linear infinite;
	-moz-animation:STAR-MOVE  200s linear infinite;
	-ms-animation:STAR-MOVE  200s linear infinite;
	animation:STAR-MOVE  200s linear infinite;
}
div#midground {
	background:url('img/midground.png')repeat 20% 0%;
	z-index:1;
	-webkit-animation:STAR-MOVE  100s linear infinite;
	-moz-animation:STAR-MOVE  100s linear infinite;
	-ms-animation:STAR-MOVE  100s linear infinite;
	animation:STAR-MOVE  100s linear infinite;
}
div#foreground {
	background:url('img/foreground.png')repeat 35% 0%;
	z-index:2;
	-webkit-animation:STAR-MOVE  50s linear infinite;
	-moz-animation:STAR-MOVE  50s linear infinite;
	-ms-animation:STAR-MOVE  50s linear infinite;
	animation:STAR-MOVE  50s linear infinite;
}

html部分

<div id="background" ></div>
<div id="midground" ></div>
<div id="foreground" ></div>

PREVIOUS:
NEXT:
CSS空中白云飘动动画特效
jquery百度经验信息浏览翻页效果代码