css3旋转滚动导航_WEB前端在线测试

<title>css3旋转滚动导航</title>
<style>
nav ul li{
	list-style:none;
}
nav ul li a,nav ul li span{
	display:block;
	width:114px;
	height:114px;
	background:#CCC;
	background-position:;
	border-radius:75px;
	text-align:center;
	line-height:50px;
	-webkit-transition:1s all;
	-moz-transition:1s all;
	-o-transition:1s all;
}

nav ul li a:hover span{
	-webkit-transform:rotate(720deg);
	-moz-transform:rotate(720deg);
	-o-transform:rotate(720deg);
	transform:rotate(720deg);
	margin-left:114px;
}
nav ul li a:hover{
	width:228px;
}
</style>
</head>