jQuery

【jQuery】CSSアイコンとアニメーションSmoothycon

August 23, 2016
smoothycon

SmoothyconはCSSアイコンとアニメーション

CSS&JS

	<link rel="stylesheet" type="text/css" href="main.css">
	<link rel="stylesheet" type="text/css" href="demo.css">
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
	<script type="text/javascript" src="demo.js"></script>

HTML

	<div class="iconrow">
		<div class="iconcontainer">
			<div class="hamburger-icon"></div>
		</div>
		<span>&lt;div class="hamburger-icon"&gt;&lt;/div&gt;</span>
	</div>

	<div class="iconrow">
		<div class="iconcontainer">
			<div class="check-icon"></div>
		</div>
		<span>&lt;div class="check-icon"&gt;&lt;/div&gt;</span>
	</div>

	<div class="iconrow">
		<div class="iconcontainer">
			<div class="play-icon"></div>
		</div>
		<span>&lt;div class="play-icon"&gt;&lt;/div&gt;</span>
	</div>