css3卡通电风扇动画特效代码下载


css3卡通电风扇动画特效代码下载
css3卡通电风扇动画特效代码下载以及卡通电风扇动画等js/jquery网页特效代码下载。

1. 引入CSS

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

2. HTML代码

<div class="windows">
	<div class="window"></div>
	<div class="window"></div>
	<div class="window"></div>
	<div class="window"></div>
	<div class="window"></div>
	<div class="window"></div>
	<div class="window"></div>
	<div class="window"></div>
	<div class="window"></div>
	<div class="window"></div>
</div>
<div class="fan">
	<div class="fan__root">
		<span class="top">
			<label class="red" for="engine"></label>
			<label class="green" for="engine2"></label>
			<label class="blue" for="jack"></label>
		</span>
		<span class="bottom"></span>
	</div>
	<div class="fan__staddle"></div>
	<input type="checkbox" id="jack" hidden />
	<div class="head">
		<div class="fan__engine">
			<span class="center"></span>
		</div>
		<input type="checkbox" id="engine" hidden checked />
		<div>
			<span class="fly"></span>
			<span class="fly"></span>
			<span class="fly"></span>
			<div class="fan__blades">
				<input type="checkbox" id="engine2" hidden checked />
				<div class="fan__blades">
					<div class="center"></div>
					<div class="blade"><span></span></div>
					<div class="blade"><span></span></div>
					<div class="blade"><span></span></div>
					<div class="blade"><span></span></div>
				</div>
			</div>
		</div>
	</div>
</div>

相关推荐

发表评论

相关文章