动力火车

最新推荐文章于 2024-04-30 16:59:14 发布
最新推荐文章于 2024-04-30 16:59:14 发布
阅读量472 收藏
点赞数
分类专栏： 学习笔记 文章标签： html 学习 
<!DOCTYPE html>
<html>
  <head>
		<title>动力火车</title>
		
	</head>
	<body>

	<div id="wrapper">
		<div id="pipe"></div>
		<div id="main-fog"></div>
		<div class="alt-fog nth1"></div>
		<div class="alt-fog nth2"></div>
		<div class="alt-fog nth3"></div>
		<div class="alt-fog nth4"></div>
		<div id="front"></div>
		<div id="front1"></div>
		<div id="bot">
			<div id="lamp"></div>
		</div> <!-- bot -->
		<div id="longan"></div>
		<div id="buritan"></div>
		<div id="moncong"></div>
		<div id="moncong-bot"></div>

		<div id="room">
		<div class="hole"></div>
		<div class="hole nth2"></div>
		<div class="clear"></div>
		</div>
		<div id="roof"></div>
		<div id="roof2"></div>

		<div id="metal"><div class="inner"></div></div>

		<div id="fence">
			<ul>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>

		<div id="title">
			<h2>火车开动啦。。。</h2>
			美女，跟我回家？
		</div>

		<div class="foot left"></div>
		<div class="foot right"></div>

		<div class="stair left">
			<div class="hand left"></div>
			<div class="hand right"></div>
				<ul>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			<div class="clear"></div>
		</div>

		<div class="stair right">
			<div class="hand left"></div>
			<div class="hand right"></div>
				<ul>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			<div class="clear"></div>
		</div>


		<div class="rodaout nth1"><div class="inner"><div class="in-in">
			<div class="grid r1"></div>
			<div class="grid r2"></div>
			<div class="grid r3"></div>
			<div class="grid r4"></div>
			<div class="grid r5"></div>
			<div class="grid r6"></div>
			<div class="hub"></div>
		</div></div></div>


		<div class="rodaout nth2"><div class="inner"><div class="in-in">
			<div class="grid r1"></div>
			<div class="grid r2"></div>
			<div class="grid r3"></div>
			<div class="grid r4"></div>
			<div class="grid r5"></div>
			<div class="grid r6"></div>
			<div class="hub"></div>
		</div></div></div>


		<div class="rodaout nth3"><div class="inner"><div class="in-in">
			<div class="grid r1"></div>
			<div class="grid r2"></div>
			<div class="grid r3"></div>
			<div class="grid r4"></div>
			<div class="grid r5"></div>
			<div class="grid r6"></div>
			<div class="hub"></div>
		</div></div></div>


		<div class="rodaout nth4"><div class="inner"><div class="in-in">
			<div class="grid r1"></div>
			<div class="grid r2"></div>
			<div class="grid r3"></div>
			<div class="grid r4"></div>
			<div class="grid r5"></div>
			<div class="grid r6"></div>
			<div class="hub"></div>
		</div></div></div>

		<div class="rodaout nth5"><div class="inner"><div class="in-in">
			<div class="grid r1"></div>
			<div class="grid r2"></div>
			<div class="grid r3"></div>
			<div class="grid r4"></div>
			<div class="grid r5"></div>
			<div class="grid r6"></div>
			<div class="hub"></div>
		</div></div></div>

		<div class="rodaout nth6"><div class="inner"><div class="in-in">
			<div class="grid r1"></div>
			<div class="grid r2"></div>
			<div class="grid r3"></div>
			<div class="grid r4"></div>
			<div class="grid r5"></div>
			<div class="grid r6"></div>
			<div class="hub"></div>
		</div></div></div>

		<div id="grouper">
			<div class="strong nth1"></div>
			<div class="strong nth2"></div>
			<div class="strong nth3"></div>
			<div class="strong nth4"></div>
			<div class="strong nth5"></div>
			<div class="end"></div>
		</div>

		<div id="machine-box"></div>
		<div class="vertical one"></div>
		<div class="vertical two"></div>

		<ul class="stripe-stripe one">
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>

		<ul class="stripe-stripe two">
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>

	</div> <!-- wrapper -->
	
	<!-- GOOD LUCK! -->

	</body>
</html>



<style>
/**
* Pure CSS3 Classic Train 
*/
* {
  margin:0px;
  padding:0px;
  list-style:none;
}

body {
  background-color:#eee;
  text-align:center;
}

a {
  color:#ddd;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

#wrapper {
  width:1250px;
  height:370px;
  margin:50px auto 30px;
  position:relative;
	-webkit-animation: bg-cg 8s linear infinite;
}

/* BODY */
#pipe {
  position:absolute;
  top:80px;
  left:145px;
  width:960px;
  height:100px;
  background-color:#222;
  background-image:-webkit-linear-gradient(top,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:-moz-linear-gradient(top,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:-ms-linear-gradient(top,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:-o-linear-gradient(top,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:linear-gradient(top,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  -webkit-box-shadow:inset 4px 0px 3px #000;
  -moz-box-shadow:inset 4px 0px 3px #000;
  box-shadow:inset 4px 0px 3px #000;
}

#pipe:before {
  content:"";
  position:absolute;
  top:0px;
  left:75px;
  width:4px;
  height:100px;
  border:6px double #000;
  border-top-width:0px;
  border-bottom-width:0px;
  -webkit-box-shadow:1px 0px 0px rgba(255,255,255,0.3),-1px 0px 0px rgba(255,255,255,0.3),inset 1px 0px 0px rgba(255,255,255,0.3),inset -1px 0px 0px rgba(255,255,255,0.3);
  -moz-box-shadow:1px 0px 0px rgba(255,255,255,0.3),-1px 0px 0px rgba(255,255,255,0.3),inset 1px 0px 0px rgba(255,255,255,0.3),inset -1px 0px 0px rgba(255,255,255,0.3);
  box-shadow:1px 0px 0px rgba(255,255,255,0.3),-1px 0px 0px rgba(255,255,255,0.3),inset 1px 0px 0px rgba(255,255,255,0.3),inset -1px 0px 0px rgba(255,255,255,0.3);
}

#main-fog {
  position:absolute;
  top:30px;
  left:165px;
  width:50px;
  height:60px;
  background-color:#222;
  background-image:-webkit-linear-gradient(left,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:-moz-linear-gradient(left,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:-ms-linear-gradient(left,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:-o-linear-gradient(left,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:linear-gradient(left,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  -webkit-border-bottom-left-radius:50px 10px;
  -webkit-border-bottom-right-radius:50px 10px;
  -moz-border-radius-bottomleft:50px 10px;
  -moz-border-radius-bottomright:50px 10px;
  border-bottom-left-radius:50px 10px;
  border-bottom-right-radius:50px 10px;
}

#main-fog:before {
  content:"";
  position:absolute;
  bottom:100%;
  left:-2px;
  width:54px;
  height:20px;
  background-color:#222;
  background-image:-webkit-linear-gradient(left,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:-moz-linear-gradient(left,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:-ms-linear-gradient(left,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:-o-linear-gradient(left,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:linear-gradient(left,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  -webkit-box-shadow:inset 4px 0px 3px #000;
  -moz-box-shadow:inset 4px 0px 3px #000;
  box-shadow:inset 4px 0px 3px #000;
}

.alt-fog {
  position:absolute;
  top:60px;
  left:255px;
  width:37px;
  height:30px;
  background-color:#222;
  background-image:-webkit-linear-gradient(left,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:-moz-linear-gradient(left,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:-ms-linear-gradient(left,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:-o-linear-gradient(left,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:linear-gradient(left,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  -webkit-border-top-left-radius:50px;
  -webkit-border-top-right-radius:50px;
  -webkit-border-bottom-left-radius:50px 10px;
  -webkit-border-bottom-right-radius:50px 10px;
  -moz-border-radius-topleft:50px;
  -moz-border-radius-topright:50px;
  -moz-border-radius-bottomleft:50px 10px;
  -moz-border-radius-bottomright:50px 10px;
  border-top-left-radius:50px;
  border-top-right-radius:50px;
  border-bottom-left-radius:50px 10px;
  border-bottom-right-radius:50px 10px;
  -webkit-box-shadow:inset 0px 4px 3px #666;
  -moz-box-shadow:inset 0px 4px 3px #666;
  box-shadow:inset 0px 4px 3px #666;
}

.alt-fog:before,.alt-fog:after {
  content:"";
  position:absolute;
  bottom:-5px;
  left:15px;
  width:5px;
  height:15px;
  background-color:#222;
  background-image:-webkit-linear-gradient(top,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:-moz-linear-gradient(top,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:-ms-linear-gradient(top,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:-o-linear-gradient(top,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:linear-gradient(top,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  -webkit-box-shadow:0px 0px 3px #000;
  -moz-box-shadow:0px 0px 3px #000;
  box-shadow:0px 0px 3px #000;
}

.alt-fog:after {
  left:22px;
}

.alt-fog.nth2  {left:335px;}
.alt-fog.nth3  {left:420px;}
.alt-fog.nth4  {left:500px;}

#front {
  position:absolute;
  top:78px;
  left:123px;
  width:10px;
  height:97px;
  background-color:#333;
  -webkit-border-top-left-radius:50px 200px;
  -webkit-border-bottom-left-radius:50px 200px;
  -moz-border-radius-topleft:50px 200px;
  -moz-border-radius-bottomleft:50px 200px;
  border-top-left-radius:50px 200px;
  border-bottom-left-radius:50px 200px;
  -webkit-box-shadow:inset 0px -10px 5px #000,inset 1px 10px 5px #666,0px 1px 3px #000;
  -moz-box-shadow:inset 0px -10px 5px #000,inset 1px 10px 5px #666,0px 1px 3px #000;
  box-shadow:inset 0px -10px 5px #000,inset 1px 10px 5px #666,0px 1px 3px #000;
}

#front1,#front1:before,#front1:after {
  position:absolute;
  top:70px;
  left:135px;
  width:17px;
  height:110px;
  background-color:#222;
  background-image:-webkit-linear-gradient(top,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:-moz-linear-gradient(top,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:-ms-linear-gradient(top,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:-o-linear-gradient(top,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:linear-gradient(top,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  -webkit-box-shadow:0px 0px 3px #000;
  -moz-box-shadow:0px 0px 3px #000;
  box-shadow:0px 0px 3px #000;
}

#front1:before {
  content:"";
  left:auto;
  right:100%;
  top:2px;
  width:2px;
  height:120px;
}

#front1:after {
  content:"";
  right:auto;
  left:100%;
  top:2px;
  width:7px;
  height:120px;
}

#bot {
  position:absolute;
  top:180px;
  left:135px;
  width:1000px;
  height:110px;
  background-color:#222;
  background-image:-webkit-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-moz-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-ms-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-o-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:linear-gradient(45deg,#000,#222,#111,#000);
  -webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2),0px -4px 7px #000;
  -moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2),0px -4px 7px #000;
  box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2),0px -4px 7px #000;
}

#bot:before,#bot:after {
  content:"";
  position:absolute;
  top:15px;
  left:170px;
  width:170px;
  height:30px;
  z-index:10;
  background-color:#222;
  background-image:-webkit-linear-gradient(top,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:-moz-linear-gradient(top,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:-ms-linear-gradient(top,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:-o-linear-gradient(top,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  background-image:linear-gradient(top,#000,#666,#222,#000,#111,#333,#222,#111,#000);
  -webkit-box-shadow:inset 4px 0px 0px rgba(255,255,255,0.2),inset -4px 0px 0px rgba(255,255,255,0.2),0px 3px 4px #000;
  -moz-box-shadow:inset 4px 0px 0px rgba(255,255,255,0.2),inset -4px 0px 0px rgba(255,255,255,0.2),0px 3px 4px #000;
  box-shadow:inset 4px 0px 0px rgba(255,255,255,0.2),inset -4px 0px 0px rgba(255,255,255,0.2),0px 3px 4px #000;
}

#bot:after {
  top:45px;
}

#lamp {
  position:absolute;
  bottom:100%;
  left:5px;
  width:4px;
  height:60px;
  background-color:#666;
  background-image:-webkit-linear-gradient(45deg,#666,#222,#999,#666);
  background-image:-moz-linear-gradient(45deg,#666,#222,#999,#666);
  background-image:-ms-linear-gradient(45deg,#666,#222,#999,#666);
  background-image:-o-linear-gradient(45deg,#666,#222,#999,#666);
  background-image:linear-gradient(45deg,#666,#222,#999,#666);
  -webkit-box-shadow:3px 1px 2px #000;
  -moz-box-shadow:3px 1px 2px #000;
  box-shadow:3px 1px 2px #000;
}

#lamp:before {
  content:"";
  position:absolute;
  right:100%;
  top:0px;
  width:4px;
  height:20px;
  background:yellow;
  background-image:-webkit-radial-gradient(left,circle,#fff,yellow,#666);
  background-image:-moz-radial-gradient(left,circle,#fff,yellow,#666);
  background-image:-ms-radial-gradient(left,circle,#fff,yellow,#666);
  background-image:-o-radial-gradient(left,circle,#fff,yellow,#666);
  background-image:radial-gradient(left,circle,#fff,yellow,#666);
  -webkit-border-top-left-radius:10px 30px;
  -webkit-border-bottom-left-radius:10px 30px;
  -moz-border-radius-topleft:10px 30px;
  -moz-border-radius-bottomleft:10px 30px;
  border-top-left-radius:10px 30px;
  border-bottom-left-radius:10px 30px;
}

#lamp:after {
  content:"";
  position:absolute;
  left:100%;
  top:2px;
  width:12px;
  height:16px;
  background-color:#222;
  background-image:-webkit-linear-gradient(top,#666,#222,#999,#666);
  background-image:-moz-linear-gradient(top,#666,#222,#999,#666);
  background-image:-ms-linear-gradient(top,#666,#222,#999,#666);
  background-image:-o-linear-gradient(top,#666,#222,#999,#666);
  background-image:linear-gradient(top,#666,#222,#999,#666);
  -webkit-box-shadow:3px 4px 2px #000;
  -moz-box-shadow:3px 4px 2px #000;
  box-shadow:3px 4px 2px #000;
}

#longan {
  position:absolute;
  top:200px;
  left:172px;
  width:870px;
  height:100px;
  background-color:#111;
  -webkit-box-shadow:inset 0px 7px 3px #000,inset 0px 1px 7px #000,inset 0px 7px 15px #000;
  -moz-box-shadow:inset 0px 7px 3px #000,inset 0px 7px 7px #000,inset 0px 7px 15px #000;
  box-shadow:inset 0px 7px 3px #000,inset 0px 7px 7px #000,inset 0px 7px 15px #000;
  -webkit-border-radius:30px / 10px;
  -moz-border-radius:30px / 10px;
  border-radius:30px / 10px;
}

#room {
  position:absolute;
  top:40px;
  right:140px;
  width:430px;
  height:125px;
  background-color:#222;
  background-image:-webkit-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-moz-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-ms-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-o-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:linear-gradient(45deg,#000,#222,#111,#000);
  -webkit-box-shadow:0px 1px 3px #000;
  -moz-box-shadow:0px 1px 3px #000;
  box-shadow:0px 1px 3px #000;
}

#room:before {
  content:"☆☆☆☆☆";
  position:absolute;
  top:15px;
  left:25px;
  font:bold 28px 'Prisoner SF',Courier,Monospace;
  color:rgba(255,255,255,0.4);
}

#roof {
  position:absolute;
  top:30px;
  right:130px;
  width:450px;
  height:20px;
  background-color:#222;
  background-image:-webkit-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-moz-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-ms-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-o-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:linear-gradient(45deg,#000,#222,#111,#000);
  -webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2),0px 1px 2px #000;
  -moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2),0px 1px 2px #000;
  box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2),0px 1px 2px #000;
}

#roof2 {
  position:absolute;
  top:20px;
  right:100px;
  width:510px;
  height:20px;
  background-color:#222;
  background-image:-webkit-linear-gradient(top,#000,#222,#111,#000);
  background-image:-moz-linear-gradient(top,#000,#222,#111,#000);
  background-image:-ms-linear-gradient(top,#000,#222,#111,#000);
  background-image:-o-linear-gradient(top,#000,#222,#111,#000);
  background-image:linear-gradient(top,#000,#222,#111,#000);
  -webkit-box-shadow:0px 4px 4px #000;
  -moz-box-shadow:0px 4px 4px #000;
  box-shadow:0px 4px 4px #000;
  -webkit-border-bottom-right-radius:60px 20px;
  -moz-border-radius-bottomright:60px 20px;
  border-bottom-right-radius:60px 20px;
}

#roof2:before,#roof2:after {
  content:"";
  position:absolute;
  bottom:-2px;
  left:12px;
  width:5px;
  height:2px;
  background-color:#333;
  border:1px solid #444;
  -webkit-box-shadow:0px 1px 3px #000;
  -moz-box-shadow:0px 1px 3px #000;
  box-shadow:0px 1px 3px #000;
}

#roof2:after {
  left:auto;
  right:15px;
  height:5px;
}

.hole {
  margin-top:25px;
  margin-right:20px;
  width:40px;
  height:75px;
  background-color:#111;
  border:2px solid #222;
  -webkit-border-radius:20px 20px 0px 0px;
  -moz-border-radius:20px 20px 0px 0px;
  border-radius:20px 20px 0px 0px;
  -webkit-box-shadow:inset 0px 1px 7px #000,0px 0px 1px rgba(255,255,225,0.4);
  -moz-box-shadow:inset 0px 1px 7px #000,0px 0px 1px rgba(255,255,225,0.4);
  box-shadow:inset 0px 1px 7px #000,0px 0px 1px rgba(255,255,225,0.4);
  float:right;
  display:inline;
  position:relative;
}

.hole.nth2 {
  margin-right:10px;
}

.hole:before,.hole:after {
  content:"";
  position:absolute;
  top:100%;
  left:2px;
  display:block;
  width:12px;
  height:2px;
  margin-top:7px;
  background-color:#666;
  -webkit-box-shadow:0px 1px 1px #000;
  -moz-box-shadow:0px 1px 1px #000;
  box-shadow:0px 1px 1px #000;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}

.hole:after {
  margin-top:11px;
}

#buritan {
  position:absolute;
  top:175px;
  right:80px;
  width:40px;
  height:97px;
  background-color:#222;
  background-image:-webkit-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-moz-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-ms-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-o-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:linear-gradient(45deg,#000,#222,#111,#000);
  -webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2),0px 1px 7px #000;
  -moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2),0px 1px 7px #000;
  box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2),0px 1px 7px #000;
}

#fence {
  position:absolute;
  top:140px;
  right:80px;
  width:70px;
  height:40px;
}

#fence ul li {
  float:right;
  display:inline;
  width:4px;
  height:40px;
  padding:0 0 0 0;
  margin:0px 4px 0px;
  background-image:-webkit-linear-gradient(left,#666,#ccc,#333,#999,#333);
  background-image:-moz-linear-gradient(left,#666,#ccc,#333,#999,#333);
  background-image:-ms-linear-gradient(left,#666,#ccc,#333,#999,#333);
  background-image:-o-linear-gradient(left,#666,#ccc,#333,#999,#333);
  background-image:linear-gradient(left,#666,#ccc,#333,#999,#333);
  -webkit-box-shadow:0px 0px 3px #000;
  -moz-box-shadow:0px 0px 3px #000;
  box-shadow:0px 0px 3px #000;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

#fence ul {
  position:relative;
  height:40px;
}

#fence ul:before {
  content:"";
  position:absolute;
  bottom:100%;
  left:-2px;
  width:78px;
  height:10px;
  background-color:#222;
  background-image:-webkit-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-moz-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-ms-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-o-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:linear-gradient(45deg,#000,#222,#111,#000);
  -webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2),0px 1px 2px #000;
  -moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2),0px 1px 2px #000;
  box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2),0px 1px 2px #000;
}

#fence ul:after {
  content:"";
  position:absolute;
  top:100%;
  left:-2px;
  margin-top:-7px;
  width:78px;
  height:10px;
  background-color:#222;
  background-image:-webkit-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-moz-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-ms-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-o-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:linear-gradient(45deg,#000,#222,#111,#000);
  -webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2),0px 1px 2px #000;
  -moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2),0px 1px 2px #000;
  box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2),0px 1px 2px #000;
}

#metal {
  position:absolute;
  top:100px;
  left:272px;
  width:670px;
  height:75px;
  background-color:#222;
  background-image:-webkit-linear-gradient(45deg,#111 0%,#000 20%,#000 21%,#333 40%,#000 50%,#222 51%,#111 60%,#000 60%,#111 61%,#000 100%);
  background-image:-moz-linear-gradient(45deg,#111 0%,#000 20%,#000 21%,#333 40%,#000 50%,#222 51%,#111 60%,#000 60%,#111 61%,#000 100%);
  background-image:-ms-linear-gradient(45deg,#111 0%,#000 20%,#000 21%,#333 40%,#000 50%,#222 51%,#111 60%,#000 60%,#111 61%,#000 100%);
  background-image:-o-linear-gradient(45deg,#111 0%,#000 20%,#000 21%,#333 40%,#000 50%,#222 51%,#111 60%,#000 60%,#111 61%,#000 100%);
  background-image:linear-gradient(45deg,#111 0%,#000 20%,#000 21%,#333 40%,#000 50%,#222 51%,#111 60%,#000 60%,#111 61%,#000 100%);
  -webkit-box-shadow:inset 0px 0px 1px rgba(255,255,255,0.3),0px 1px 3px #000;
  -moz-box-shadow:inset 0px 0px 1px rgba(255,255,255,0.3),0px 1px 3px #000;
  box-shadow:inset 0px 0px 1px rgba(255,255,255,0.3),0px 1px 3px #000;
  -webkit-border-radius:3px 0px 0px 0px;
  -moz-border-radius:3px 0px 0px 0px;
  border-radius:3px 0px 0px 0px;
}

#metal .inner {
  width:657px;
  height:64px;
  border:1px dotted #666;
  margin-top:5px;
  margin-left:5px;
}

#title {
  position:absolute;
  top:100px;
  left:292px;
  width:642px;
  height:75px;
  text-align:left;
  font:normal 11px Georgia,Times,Serif;
  color:#777;
  text-shadow:0px -1px 0px #000;
}

#title h2 {
  font:bold 22px 'Book Antiqua',Times,Serif;
  color:#666;
  text-transform:uppercase;
  margin:10px 0px 5px;
  padding:0px 0px 5px;
  border-bottom:1px dotted #666;
}

.foot {
  position:absolute;
  top:210px;
  left:115px;
  width:50px;
  height:100px;
  background-color:#222;
  background-image:-webkit-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-moz-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-ms-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-o-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:linear-gradient(45deg,#000,#222,#111,#000);
  -webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2),0px 1px 2px #000;
  -moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2),0px 1px 2px #000;
  box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2),0px 1px 2px #000;
}

.foot.right {
  left:auto;
  right:130px;
  width:78px;
  -webkit-border-bottom-left-radius:50px 10px;
  -moz-border-radius-bottomleft:50px 10px;
  border-bottom-left-radius:50px 10px;
}

#moncong {
  position:absolute;
  top:155px;
  left:75px;
  width:0px;
  height:0px;
  border-top:60px solid transparent;
  border-left:40px solid transparent;
  border-bottom:90px solid #222;
}

#moncong-bot {
  position:absolute;
  top:277px;
  left:70px;
  width:50px;
  height:37px;
  background-color:#222;
  background-image:-webkit-linear-gradient(-45deg,#000,#222,#111,#000);
  background-image:-moz-linear-gradient(-45deg,#000,#222,#111,#000);
  background-image:-ms-linear-gradient(-45deg,#000,#222,#111,#000);
  background-image:-o-linear-gradient(-45deg,#000,#222,#111,#000);
  background-image:linear-gradient(-45deg,#000,#222,#111,#000);
  -webkit-box-shadow:0px 1px 4px #000;
  -moz-box-shadow:0px 1px 4px #000;
  box-shadow:0px 1px 4px #000;
  -webkit-border-bottom-right-radius:60px 20px;
  -moz-border-radius-bottomright:60px 20px;
  border-bottom-right-radius:60px 20px;
}

#moncong-bot:before {
  content:"";
  width:20px;
  height:47px;
  border:3px solid #666;
  -webkit-border-radius:7px 7px 0px 0px;
  -moz-border-radius:7px 7px 0px 0px;
  border-radius:7px 7px 0px 0px;
  position:absolute;
  bottom:7px;
  left:2px;
  -webkit-box-shadow:inset 0px 0px 3px #000,0px 0px 3px #000;
  -moz-box-shadow:inset 0px 0px 3px #000,0px 0px 3px #000;
  box-shadow:inset 0px 0px 3px #000,0px 0px 3px #000;
}

#moncong-bot:after {
  content:"";
  position:absolute;
  bottom:4px;
  left:-2px;
  width:35px;
  height:5px;
  background-color:#999;
  background-image:-webkit-linear-gradient(45deg,#666,#ccc,#333,#999,#333);
  background-image:-moz-linear-gradient(45deg,#666,#ccc,#333,#999,#333);
  background-image:-ms-linear-gradient(45deg,#666,#ccc,#333,#999,#333);
  background-image:-o-linear-gradient(45deg,#666,#ccc,#333,#999,#333);
  background-image:linear-gradient(45deg,#666,#ccc,#333,#999,#333);
  border:2px solid rgba(255,255,255,0.2);
  -webkit-box-shadow:0px 1px 3px #000;
  -moz-box-shadow:0px 1px 3px #000;
  box-shadow:0px 1px 3px #000;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}

.stair {
  position:absolute;
  top:205px;
  left:120px;
  width:30px;
  height:110px;
}

.stair.right {
  left:auto;
  right:170px;
}

.stair.left,.stair.left .hand {
  height:115px;
}

.stair .hand {
  width:5px;
  height:110px;
  background-image:-webkit-linear-gradient(left,#666,#ccc,#333,#999,#333);
  background-image:-moz-linear-gradient(left,#666,#ccc,#333,#999,#333);
  background-image:-ms-linear-gradient(left,#666,#ccc,#333,#999,#333);
  background-image:-o-linear-gradient(left,#666,#ccc,#333,#999,#333);
  background-image:linear-gradient(left,#666,#ccc,#333,#999,#333);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  -webkit-box-shadow:inset 0px 2px 1px #ccc,0px 0px 3px #000;
  -moz-box-shadow:inset 0px 2px 1px #ccc,0px 0px 3px #000;
  box-shadow:inset 0px 2px 1px #ccc,0px 0px 3px #000;
  float:left;
}

.stair .hand.right {
  float:right;
}

.stair ul {
  margin:0 0 0 0;
  padding:0 0 0 0;
}

.stair ul li {
  display:block;
  height:5px;
  margin:4px 0px 6px;
  padding:0px;
  background-image:-webkit-linear-gradient(top,#666,#ccc,#333,#999,#333);
  background-image:-moz-linear-gradient(top,#666,#ccc,#333,#999,#333);
  background-image:-ms-linear-gradient(top,#666,#ccc,#333,#999,#333);
  background-image:-o-linear-gradient(top,#666,#ccc,#333,#999,#333);
  background-image:linear-gradient(top,#666,#ccc,#333,#999,#333);
  -webkit-box-shadow:0px 0px 3px #000;
  -moz-box-shadow:0px 0px 3px #000;
  box-shadow:0px 0px 3px #000;
}

/* WHEEL */
.rodaout {
  width:130px;
  height:130px;
  background-color:#222;
  position:absolute;
  top:205px;
  left:187px;
  -webkit-border-radius:400px;
  -moz-border-radius:400px;
  border-radius:400px;
	-webkit-animation: rotate-infinity 2s linear infinite;
}

.rodaout .inner {
  position:relative;
  top:3px;
  left:3px;
  border:2px solid #6A210C;
  width:120px;
  height:120px;
  -webkit-box-shadow:0px 0px 1px #000;
  -moz-box-shadow:0px 0px 1px #000;
  box-shadow:0px 0px 1px #000;
  -webkit-border-radius:400px;
  -moz-border-radius:400px;
  border-radius:400px;
}

.rodaout .in-in {
  position:relative;
  top:0px;
  left:0px;
  width:100px;
  height:100px;
  border:10px solid #333;
  -webkit-border-radius:400px;
  -moz-border-radius:400px;
  border-radius:400px;
  -webkit-box-shadow:inset 0px 1px 5px #000,0px 0px 2px #000;
  -moz-box-shadow:inset 0px 1px 5px #000,0px 0px 2px #000;
  box-shadow:inset 0px 1px 5px #000,0px 0px 2px #000;

}

.grid {
  position:absolute;
  top:0px;
  left:47px;
  width:3px;
  height:98px;
  background-color:#666;
  border:1px solid #777;
  -webkit-box-shadow:0px 0px 1px #000;
  -moz-box-shadow:0px 0px 1px #000;
  box-shadow:0px 0px 1px #000;
  -webkit-border-radius:5px / 70px;
  -moz-border-radius:5px / 70px;
  border-radius:5px / 70px;

}

.grid.r2 {
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  transform:rotate(90deg);
  top:0px;
  left:47px;
}

.grid.r3 {
  -webkit-transform:rotate(30deg);
  -moz-transform:rotate(30deg);
  -ms-transform:rotate(30deg);
  -o-transform:rotate(30deg);
  transform:rotate(30deg);
  top:0px;
  left:47px;
}

.grid.r4 {
  -webkit-transform:rotate(60deg);
  -moz-transform:rotate(60deg);
  -ms-transform:rotate(60deg);
  -o-transform:rotate(60deg);
  transform:rotate(60deg);
  top:0px;
  left:48px;
}

.grid.r5 {
  -webkit-transform:rotate(120deg);
  -moz-transform:rotate(120deg);
  -ms-transform:rotate(120deg);
  -o-transform:rotate(120deg);
  transform:rotate(120deg);
  top:0px;
  left:47px;
}

.grid.r6 {
  -webkit-transform:rotate(150deg);
  -moz-transform:rotate(150deg);
  -ms-transform:rotate(150deg);
  -o-transform:rotate(150deg);
  transform:rotate(150deg);
}

.hub {
  position:absolute;
  top:40px;
  left:40px;
  width:10px;
  height:10px;
  background-color:#666;
  border:5px solid #777;
  -webkit-box-shadow:0px 0px 2px #000;
  -moz-box-shadow:0px 0px 2px #000;
  box-shadow:0px 0px 2px #000;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
}



.hub:after {

  width:20px;
  height:5px;
  background-color:#333;
  border:2px solid #666;
  -webkit-box-shadow:0px 1px 3px #000;
  -moz-box-shadow:0px 1px 3px #000;
  box-shadow:0px 1px 3px #000;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
  position:absolute;
  top:10px;
  right:-7px;
}

.rodaout.nth2 {left:327px;}
.rodaout.nth3 {left:467px;}
.rodaout.nth4 {left:607px;}
.rodaout.nth5 {left:747px;}
.rodaout.nth6 {left:887px;}

/* DETAILS */
#grouper {
  position:absolute;
  top:225px;
  left:190px;
  width:800px;
  height:90px;
}

#grouper:before {
  content:"";
  position:absolute;
  top:0px;
  left:0px;
  width:100px;
  height:80px;
  background-color:#666;
  background-image:-webkit-linear-gradient(-45deg,#666,#ccc,#333,#999,#333);
  background-image:-moz-linear-gradient(-45deg,#666,#ccc,#333,#999,#333);
  background-image:-ms-linear-gradient(-45deg,#666,#ccc,#333,#999,#333);
  background-image:-o-linear-gradient(-45deg,#666,#ccc,#333,#999,#333);
  background-image:linear-gradient(-45deg,#666,#ccc,#333,#999,#333);
  border:5px solid #666;
  -webkit-border-radius:0px 50px 50px 0px;
  -moz-border-radius:0px 50px 50px 0px;
  border-radius:0px 50px 50px 0px;
  -webkit-box-shadow:4px 1px 7px #000;
  -moz-box-shadow:4px 1px 7px #000;
  box-shadow:inset 0px 0px 5px #000,4px 1px 7px #000;
}

#grouper .strong {
  position:absolute;
  bottom:12px;
  left:87px;
  height:4px;
  background-color:#666;
  background-image:-webkit-linear-gradient(-45deg,#666,#ccc,#333,#999,#333);
  background-image:-moz-linear-gradient(-45deg,#666,#ccc,#333,#999,#333);
  background-image:-ms-linear-gradient(-45deg,#666,#ccc,#333,#999,#333);
  background-image:-o-linear-gradient(-45deg,#666,#ccc,#333,#999,#333);
  background-image:linear-gradient(-45deg,#666,#ccc,#333,#999,#333);
  border-top:1px solid #ccc;
  border-bottom:1px solid #999;
  width:130px;
  -webkit-box-shadow:inset 0px 1px 0px rgba(0,0,0,0.7),inset 0px -1px 0px rgba(0,0,0,0.7),0px 1px 3px #000;
  -moz-box-shadow:inset 0px 1px 0px rgba(0,0,0,0.7),inset 0px -1px 0px rgba(0,0,0,0.7),0px 1px 3px #000;
  box-shadow:inset 0px 1px 0px rgba(0,0,0,0.7),inset 0px -1px 0px rgba(0,0,0,0.7),0px 1px 3px #000;
}

#grouper .strong:before,#grouper .strong:after {
  content:"";
  width:10px;
  height:10px;
  background-color:#333;
  border:3px double #666;
  -webkit-box-shadow:0px 1px 3px #000;
  -moz-box-shadow:0px 1px 3px #000;
  box-shadow:0px 1px 3px #000;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
  position:absolute;
  top:-6px;
  left:-2px;
}

#grouper .strong:after {
  left:auto;
  right:-2px;
}

#grouper .strong.nth2 {left:227px;}
#grouper .strong.nth3 {left:368px;}
#grouper .strong.nth4 {left:508px;}
#grouper .strong.nth5 {left:648px;}

#grouper .end {
  position:absolute;
  bottom:22px;
  right:0px;
  width:20px;
  height:20px;
  background-color:#666;
  background-image:-webkit-radial-gradient(center,cover,#aaa,#333);
  background-image:-moz-radial-gradient(center,cover,#aaa,#333);
  background-image:-ms-radial-gradient(center,cover,#aaa,#333);
  background-image:-o-radial-gradient(center,cover,#aaa,#333);
  background-image:radial-gradient(center,cover,#aaa,#333);
  border:3px double #999;
  -webkit-box-shadow:0px 1px 3px #000;
  -moz-box-shadow:0px 1px 3px #000;
  box-shadow:0px 1px 3px #000;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
}

.vertical {
  position:absolute;
  top:180px;
  left:212px;
  width:5px;
  height:50px;
  background-image:-webkit-linear-gradient(top,#666,#ccc,#333,#999,#333);
  background-image:-moz-linear-gradient(top,#666,#ccc,#333,#999,#333);
  background-image:-ms-linear-gradient(top,#666,#ccc,#333,#999,#333);
  background-image:-o-linear-gradient(top,#666,#ccc,#333,#999,#333);
  background-image:linear-gradient(top,#666,#ccc,#333,#999,#333);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  -webkit-box-shadow:inset 0px 2px 1px #ccc,0px 0px 3px #000;
  -moz-box-shadow:inset 0px 2px 1px #ccc,0px 0px 3px #000;
  box-shadow:inset 0px 2px 1px #ccc,0px 0px 3px #000;
}

.vertical.two {
  left:218px;
}

#machine-box {
  position:absolute;
  top:175px;
  left:160px;
  width:127px;
  height:140px;
  background-color:#222;
  background-image:-webkit-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-moz-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-ms-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-o-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:linear-gradient(45deg,#000,#222,#111,#000);
  -webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2),0px 1px 7px #000;
  -moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2),0px 1px 7px #000;
  box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2),0px 1px 7px #000;
  -webkit-border-bottom-right-radius:50px 20px;
  -moz-border-radius-bottomright:50px 20px;
  border-bottom-right-radius:50px 20px;
}

#machine-box:before {
  content:"";
  position:absolute;
  top:10px;
  right:-10px;
  width:94px;
  height:36px;
  background-color:#222;
  background-image:-webkit-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-moz-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-ms-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:-o-linear-gradient(45deg,#000,#222,#111,#000);
  background-image:linear-gradient(45deg,#000,#222,#111,#000);
  -webkit-box-shadow:inset 4px 4px 0px rgba(255,255,255,0.2),inset -4px -4px 0px rgba(255,255,255,0.2),0px 1px 7px #000;
  -moz-box-shadow:inset 4px 4px 0px rgba(255,255,255,0.2),inset -4px -4px 0px rgba(255,255,255,0.2),0px 1px 7px #000;
  box-shadow:inset 4px 4px 0px rgba(255,255,255,0.2),inset -4px -4px 0px rgba(255,255,255,0.2),0px 1px 7px #000;
  border:2px solid #222;
}

ul.stripe-stripe {
  position:absolute;
  margin:0 0 0 0;
  padding:0 0 0 0;
  width:70px;
}

ul.stripe-stripe li {
  display:block;
  height:1px;
  margin:0px 0px 2px;
  background-color:#444;
}

ul.stripe-stripe.one {
  top:235px;
  left:180px;
}

ul.stripe-stripe.two {
  top:60px;
  right:320px;
  padding:3px 7px;
  -webkit-box-shadow:0px 1px 2px #000;
  -moz-box-shadow:0px 1px 2px #000;
  box-shadow:0px 1px 2px #000;
}

ul.stripe-stripe.one:before,ul.stripe-stripe.one:after {
  content:"";
  width:10px;
  height:10px;
  background-color:#333;
  border:3px double #666;
  -webkit-box-shadow:0px 1px 3px #000;
  -moz-box-shadow:0px 1px 3px #000;
  box-shadow:0px 1px 3px #000;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
  position:absolute;
  top:30px;
  left:-5px;
}

ul.stripe-stripe.one:after {
  top:45px;
}

ul.stripe-stripe.two:before,ul.stripe-stripe.two:after {
  content:"";
  width:15px;
  height:2px;
  background-color:#111;
  border:3px double #555;
  -webkit-box-shadow:0px 1px 3px #000;
  -moz-box-shadow:0px 1px 3px #000;
  box-shadow:0px 1px 3px #000;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  position:absolute;
  top:0px;
  left:100%;
  margin-left:10px;
}

ul.stripe-stripe.two:after {
  top:11px;
}

.clear {
  clear:both;
}

@-webkit-keyframes fading {from {opacity:0;} to {opacity:1;}}
@-moz-keyframes fading    {from {opacity:0;} to {opacity:1;}}
@-ms-keyframes fading     {from {opacity:0;} to {opacity:1;}}
@-o-keyframes fading      {from {opacity:0;} to {opacity:1;}}
@keyframes fading         {from {opacity:0;} to {opacity:1;}}


/* HIGHLIGHT! */
#wrapper *:hover {outline:1px solid red;}

@keyframes rotate-infinity {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-moz-keyframes rotate-infinity {
    from {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes rotate-infinity {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-ms-keyframes rotate-infinity {
    from {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -ms-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}



@keyframes bg-cg {
    from {
			left:0px;
    }

    to {
			left:-900px;
    }
}

@-moz-keyframes bg-cg {
    from {
			left:0px;
    }

    to {
			left:-900px
    }
}

@-webkit-keyframes bg-cg {
    from {
			left:0px;
    }

    to {
			left:-900px;
    }
}

@-ms-keyframes bg-cg {
    from {
        left:0px;
    }

    to {
			left:-900px;
    }
}
</style>

Oo雨诺oO
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
树莓派动力火车站桌面标志，实时数据显示-电路方案
04-20
使用Raspberry Pi Zero W和OLED屏幕为您的办公桌构建实时火车出发显示。 硬件组件: Raspberry Pi Zero W× 1 2.8英寸256x64 SSD1322 OLED显示屏× 1 软件应用程序和在线服务: balenaCloud 手动工具和制造机器: 3D...
动力火车成员尤秋兴订婚却被网友吐槽：酒席才摆25桌，那么cheap吗？
Google科技资讯
03-01 194
台湾知名组合“动力火车”成员尤秋兴，正式结束黄金单身汉生活，3月1日在台湾与女友Jenny举行文定仪式，在亲友的祝福中正式套牢“准尤太太”。颜志琳也带着妻女南下参与老友的喜事，并在订婚宴上献唱歌曲。 尤秋兴坦言前一晚只觉得兴奋，没想到今天这么紧张，虽然紧张，但他仍掩不住喜悦，整个早上笑到合不拢嘴。尤秋兴表示，Jenny是个很好的女生，自己是被她的内涵所吸引。由于两人都爱狗，在认识一年多后尤秋兴才...
[音乐欣赏]动力火车 艾琳娜
02-15 121
昨天在收音机中听到这首歌曲，一跳一跳的节奏，和着春节归家的人的心绪，让人止不住热泪盈眶。 艾琳娜 作词：武雄 作曲：尹恒 演唱：动力火车 L O V E L O V E L O V E GO GO GO L O V E L O V E L O V E GO GO GO 风梳过的头发 雨淋过的潇洒 踏上了这条路 我踩着轻快的步伐 满天的晚霞 染红了天之涯...
动力火车-UPS_不断电
zhaogn 的技术博客
03-20 2437
很喜欢这个专辑的歌，之前听过，硬盘里的文件找不到了想再听听，怎奈下载成问题。 baidu MP3里面是有的，不过要一首一首的下载，闲麻烦。 找了多个rar的，都没有资源。好不容易找到一个，ape的也凑活了，下载下来发现居然需要密码，关键是找不到密码。。。悲剧了。 最后还是在baidu下的。。。 充分说明了一个道理：最麻烦的方法，也可能是最简单的！！！
当前主要使用的python版本_动力火车当歌词
weixin_39525255的博客
11-26 72
动力火车当歌词《当》这首响彻华人圈的红曲，早已超越了流行音乐承载的意义，如今这两位而立之年男人因沧桑感赋予了这首金曲无比的深度。当他们的声音如高山的风呼啸而过，在18度音域的最高点再转上几个弯，我们才感觉到他们的歌声贯穿了我们的成长。当 - 动力火车词：琼瑶曲：庄立帆&郭文琮啊 啊 啊啊 啊 啊啊 啊 啊啊 啊 啊当山峰没有棱角的.时候当河水不再流当时间停住日夜不分当天地万物化为虚有我还是不能和你...
动力火车-终于明白
weixin_33854644的博客
08-25 104
今天听到动力火车的终于明白，思绪万千。 从没有因为那首歌曲这么激动过，纪念一下。 http://mp3.baidu.com/m?f=ms&amp;rn=&amp;tn=baidump3&amp;ct=134217728&amp;word=%D6%D5%D3%DA%C3%F7%B0%D7&amp;lm=-1 歌曲：终于明白 歌手：动力火车 专辑：仙剑奇侠传 电视原声 望着你慢慢...
橡皮筋动力车的制作PPT课件.pptx
10-08
橡皮筋动力车的制作PPT课件.pptx
mRail:带有时间表的Minecraftrailcraft自动火车系统
03-19
铁路 我的世界/轨道自动火车系统，带有时间表
火车10自由度模型_17自由度_17自由度；程序；动力学_火车
09-11
火车的17自由度动力学程序，值得深入研究
基于UM多体动力学车轮模型.zip
06-05
建立轴与两个车轮模型，车轮选用圆盘型，选用GO对象，包含三个GE元素，认识到坐标系之间的区别，建立美观的模型外表。
高德地图+HTML+点击事件+自定心信息窗体
最新发布
pursue.dreams的博客
04-30 179
【代码】高德地图+HTML+点击事件+自定心信息窗体。
用html画一个四叶草
liulang68的博客
04-20 1687
以上是部分代码，需要请看主页加联系方式。
在html中使用数学公式latex
bigcrab的博客
04-27 419
来自 https://katex.org/docs/autorender 可以自动渲染。
CSS中的圆角和阴影
小何代码咖啡馆
04-21 1205
在 CSS3 中，新增了圆角边框样式，这样我们的盒子就可以变圆角了。（必需值）水平阴影(horizontal shadow)，可以为负值。（必需值）水平阴影(horizontal shadow)，可以为负值。（必需值）垂直阴影(vertical shadow)，可以为负值。（必需值）垂直阴影(vertical shadow)，可以为负值。（可选值）将外（盒子的背面）阴影改为内（盒子之上）阴影。CSS3 中新增了盒子阴影，可以使用。属性为盒子添加阴影。（可选值）阴影模糊程度。（可选值）阴影模糊程度。
前端HTML如何不删除div标签将div标签隐藏
载_酒i
04-27 287
不会影响文档的布局，而其他方法可能会。如果您需要保持原始布局不变，最好使用元素，您可以使用 CSS 的。在 HTML 中，要隐藏。
比较美观即将跳转html源码
爱酷码的博客
04-28 281
比较美观即将跳转html源码，源码由HTML+CSS+JS组成，记事本打开源码文件可以进行内容文字之类的修改，双击html文件可以本地运行效果，也可以上传到服务器里面。
我的学习日记html(2)
2301_78986604的博客
04-24 160
【代码】我的学习日记html(2)
如何我现在是本地的文件路径不是http，用html如何打开
s_sos0的博客
04-27 348
如何我现在是本地的文件路径不是http，用html如何打开
vue页面中怎么显示多个空格-从普通空格到非断行空格与v-html的使用
qq_42816270的博客
04-27 509
v-html 的内容直接作为普通 HTML 插入—— Vue 模板语法是不会被解析的。在单文件组件，scoped 样式将不会作用于 v-html 里的内容，因为 HTML 内容不会被 Vue 的模板编译器解析。在你的站点上动态渲染任意的 HTML 是非常危险的，因为它很容易导致 XSS 攻击。请只对可信内容使用 HTML 插值，绝不要将用户提供的内容作为插值。产生的原因是因为在浏览器进行解析的时候， 会将多个空格合并成分成一个空格。可能跟使用vue2有关吧，上述的演示的代码使用的是vue3。
jackson图描述下述火车的构成 site:csdn.net
07-14
3.动力系统：火车通常由动力系统提供动力，包括蒸汽机车、电力机车、柴油机车等。Jackson图可以用来描述火车的动力系统，并显示动力系统与车辆和线路之间的关系。 4.辅助设备：火车还需要各种辅助设备来运行，例如...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值