css新特性—过渡 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			div{
				width: 100px;
				height: 100px;
				background-color: pink;
				/* 谁做过渡给谁加 */
				/* trasision：变化的属性 花费的时间 运动曲线 何时开始 */
				transition: width 0.5s ,height 0.1s ease-in-out 1s;
				/* transition: all 0.3s ; */
				
			}
			div:hover{
				width: 300px;
				height: 400px;
				background-color: purple;
			}
		</style>
	</head>
	<body>
		<div></div>
	</body>
</html>

　　

posted @ 2024-02-21 11:56  采姑娘的小蘑菇呀  阅读(9)  评论(0)    收藏  举报