CSS3--transition简写

最新推荐文章于 2024-03-22 10:24:50 发布

AsaZyf

最新推荐文章于 2024-03-22 10:24:50 发布

阅读量2.6k

点赞数

文章标签： CSS3 transition

本文链接：https://blog.csdn.net/AsaZyf/article/details/83818907

版权

css3 专栏收录该内容

43 篇文章 0 订阅

订阅专栏

code：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			* {
				margin: 0;
				padding: 0;
			}
			
			div {
				width: 567px;
				height: 567px;
				margin: auto;
				background: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1541567263299&di=fd0a7bdfe446f9656c3036f7c4833489&imgtype=0&src=http%3A%2F%2Fs2.sinaimg.cn%2Fmiddle%2F005Jkwzugy6LsIDL9rrc1%26690) no-repeat;
				transform: rotate(0deg);
				transition:transform 2s ease-in-out 1s; 
			}
			div:hover{
				transform: rotate(180deg);
			}
		</style>
	</head>

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