<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>纯CSS3汽车3D模型动画特效 - 更多源码【www.96flw.com】</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<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>
</body>
</html>