CSS3汽车3D模型动画特效代码下载


CSS3汽车3D模型动画特效代码下载
CSS3汽车3D模型动画特效代码下载以及汽车3D、模型动画等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" href="style.css">

2. HTML代码

<input class="action night" type="checkbox" data-text="NIGHT" />
<input class="action headlight" type="checkbox" data-text="HEADLIGHT" />
<input class="action window" type="checkbox" data-text="WINDOW" />
<input class="action bonnet" type="checkbox" data-text="BONNET" />
<input class="action luggage" type="checkbox" data-text="LUGGAGE" />
<input class="action door" type="checkbox" data-text="DOOR" />
<input class="action gull" type="checkbox" data-text="SCISSOR" />
<input class="action roof" type="checkbox" data-text="CONVERTIBLE" />
<input class="action lowdown" type="checkbox" data-text="LOWDOWN" />
<input class="action aero" type="checkbox" data-text="CUSTOM" />
<input class="action neon" type="checkbox" data-text="NEON" />
<input class="action run" type="checkbox" data-text="DRIVE" />
<input class="action zoom" type="checkbox" data-text="ZOOM" />
<input class="action ride" type="checkbox" data-text="RIDE" />
<div id="field"></div>
<div id="showcase">
	<div class="camera">
		<div class="shadow">
			<div class="blur"></div>
		</div>
		<div class="car">
			<div class="body">
				<div class="front">
					<div class="bumper">
						<div class="aero">
							<div class="parts"></div>
						</div>
					</div>
					<div class="bonnet">
						<div class="aero">
							<div class="parts"></div>
						</div>
					</div>
					<div class="headlight headlight_left">
						<div class="headlight_cover"></div>
						<div class="headlight_unit"></div>
						<div class="headlight_unit_left"></div>
						<div class="headlight_unit_right"></div>
					</div>
					<div class="headlight headlight_right">
						<div class="headlight_cover"></div>
						<div class="headlight_unit"></div>
						<div class="headlight_unit_left"></div>
						<div class="headlight_unit_right"></div>
					</div>
					<div class="fender fender_left">
						<div class="aero">
							<div class="parts"></div>
						</div>
						<div class="panel"></div>
					</div>
					<div class="fender fender_right">
						<div class="aero">
							<div class="parts"></div>
						</div>
						<div class="panel"></div>
					</div>
					<div class="under"></div>
				</div>
				<div class="cockpit">
					<div class="inner inner_front"></div>
					<div class="inner inner_back"></div>
					<div class="window window_front"></div>
					<div class="roof">
						<div class="roof_top"></div>
						<div class="roof_back window"></div>
						<div class="roof_left"></div>
						<div class="roof_right"></div>
						<div class="roof_bottom"></div>
					</div>
					<div class="door door_left">
						<div class="gull">
							<div class="window">
								<div class="glass"></div>
							</div>
							<div class="panel"></div>
							<div class="mirror"></div>
							<div class="aero">
								<div class="parts"></div>
							</div>
						</div>
					</div>
					<div class="door door_right">
						<div class="gull">
							<div class="window">
								<div class="glass"></div>
							</div>
							<div class="panel"></div>
							<div class="mirror"></div>
							<div class="aero">
								<div class="parts"></div>
							</div>
						</div>
					</div>
					<div class="under"></div>
					<div class="seat seat_left"></div>
					<div class="seat seat_right"></div>
					<div class="handle"></div>
					<div class="back_mirror"></div>
				</div>
				<div class="rear">
					<div class="bumper">
						<div class="taillight taillight_left"></div>
						<div class="taillight taillight_right"></div>
						<div class="aero">
							<div class="parts">
								<div class="arm arm_left"></div>
								<div class="arm arm_right"></div>
								<div class="wing"></div>
								<div class="bottom"></div>
							</div>
						</div>
					</div>
					<div class="fender fender_left">
						<div class="panel"></div>
						<div class="aero">
							<div class="parts"></div>
						</div>
					</div>
					<div class="fender fender_right">
						<div class="panel"></div>
						<div class="aero">
							<div class="parts"></div>
						</div>
					</div>
					<div class="luggage">
						<div class="panel"></div>
					</div>
					<div class="under"></div>
					<div class="lamp lamp_left"></div>
					<div class="lamp lamp_right"></div>
					<div class="muffler"></div>
				</div>
			</div>
			<div class="wheel">
				<div class="front">
					<div class="shaft"></div>
					<div class="tire tire_left"></div>
					<div class="tire tire_right"></div>
				</div>
				<div class="rear">
					<div class="shaft"></div>
					<div class="tire tire_left"></div>
					<div class="tire tire_right"></div>
				</div>
			</div>
		</div>
	</div>
</div>

相关推荐

发表评论

相关文章