master

分支 (1)

管理

管理

master

web2012
/
earth.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>

		<style type="text/css">
			.earthrotate{
				width: 240px;
				height: 240px;

				background-image:url(images/ji.jpg);
				position:relative;
				animation: run 10s linear infinite;
				border-radius: 120px;
			}

			@keyframes run{
				from{transform: rotate(0deg);}
				to{transform: rotate(190deg);}

			}

			.earthrotate:hover{
				animation-play-state: paused;
			}
		</style>


	</head>
	<body>

		<div class="earthrotate">

		</div>
	</body>
</html>