小车

最新推荐文章于 2023-06-19 21:29:55 发布

baoleilei6

最新推荐文章于 2023-06-19 21:29:55 发布

阅读量373

点赞数

本文链接：https://blog.csdn.net/qq_34629352/article/details/52372301

版权

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title></title>
	<style type="text/css">
	#bg{width: 100%;height: 500px;background: url(img/bg.png);position: relative;}
	#bg img{position: absolute;bottom: 0;left: 0;}

	@-webkit-keyframes run{

	49%{transform: rotateY(0);left: 95%;}
	50%{transform: rotateY(180deg);left: 95%;}
	99%{transform: rotateY(180deg);left: 0;}
	}

	#bg:hover img{animation: run 5s linear infinite;}

	</style>
	</head>
	<body>
	<div id="bg">
	<img src="img/car.png" alt="" />
	</div>
	</body>
	</html>

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title></title>
	<style type="text/css">
	#bg{width: 100%;height: 500px;background: url(img/bg.png);position: relative;}
	#bg img{position: absolute;bottom: 0;left: 0;}

	@-webkit-keyframes run{

	49%{transform: rotateY(0);left: 95%;}
	50%{transform: rotateY(180deg);left: 95%;}
	99%{transform: rotateY(180deg);left: 0;}
	}

	#bg:hover img{animation: run 5s linear infinite;}

	</style>
	</head>
	<body>
	<div id="bg">
	<img src="img/car.png" alt="" />
	</div>
	</body>
	</html>