009体会过渡

最新推荐文章于 2024-01-25 08:45:00 发布

陀陀吖

最新推荐文章于 2024-01-25 08:45:00 发布

阅读量57

点赞数

分类专栏： h5c3

本文链接：https://blog.csdn.net/weixin_40422393/article/details/88937560

版权

h5c3 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>过渡</title>
	<style>
	div{
		width: 100px;
		height: 100px;
		background-color: pink;
		/*transition: all 1s; */       /*过渡动态  简单写法2*/     /*过渡写在本身上，不要写到hover里面去*/

		/*transition  简单过渡，一共有四个属性  和hover一起使用*/
		/*transition: 要改变的属性  改变的时间  加速/减速/匀速  从什么时候开始 */
		transition: width 1s ease 0s,height 1s ease 0s;    /*要改变两个属性用逗号隔开*/  /*=transition: all 1s;*/
	}
	div:hover{
		width: 800px;
		height: 200px;	
	}
	</style>
</head>
<body>
	<div></div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

陀陀吖

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
009体会过渡

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>过渡</title> <style> div{ width: 100px; height: 100px; background-color: pink; ...
复制链接

扫一扫