Pure CSS3 Round Menu

One by one animation

Below you can find HTML code of this demo.
<div class="pcss3rm pcss3rm-pos-tl">
	<input type="checkbox">
	<a href="#" class="color-orange hcolor-white">
		<i class="color-white hcolor-orange icon-plus"></i>
	</a>
	<ul>
		<li>
			<a href="#" class="hcolor-blue">
				<i class="color-blue hcolor-white icon-facebook"></i>
			</a>
			<em class="br">Facebook</em>
		</li>
		<li>
			<a href="#" class="hcolor-cyan">
				<i class="color-cyan hcolor-white icon-twitter"></i>
			</a>
			<em class="br">Twitter</em>
		</li>
		<li>
			<a href="#" class="hcolor-red">
				<i class="color-red hcolor-white icon-pinterest"></i>
			</a>
			<em class="br">Pinterest</em>
		</li>
		<li>
			<a href="#" class="hcolor-green">
				<i class="color-green hcolor-white icon-google-plus"></i>
			</a>
			<em class="br">Google Plus</em>
		</li>
		<li>
			<a href="#" class="hcolor-pink">
				<i class="color-pink hcolor-white icon-envelope-alt"></i>
			</a>
			<em class="br">Email</em>
		</li>
	</ul>
</div>