CSS3鼠标放上去旋转代码 

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
       .rotate {
       	width: 100px;
       	height: 100px;
       	background-color: #92B901;
       	-webkit-transition:-webkit-transform 2s;
       }

       .rotate:hover {
       	-webkit-transform:rotate(360deg);
       }

	</style>
</head>
<body>
	<div class="rotate">rotate</div>
</body>
</html>

　　

posted @ 2017-12-11 14:23  黑发不知勤学早  阅读(1350)  评论(0)  编辑  收藏  举报