鼠标放上慢慢变大，移开慢慢回复

最新推荐文章于 2022-01-25 10:44:25 发布

weixin_34265814

最新推荐文章于 2022-01-25 10:44:25 发布

阅读量149

点赞数

原文链接：http://www.cnblogs.com/navyouth/p/8888076.html

版权

<style type="text/css">
			.d1{
				width:100px;
				height:100px;
				background-color:#CF0;
				transition:width 2s,height 2s, transform 2s;
				transition-timing-function:cubic-bezier(x1,y1,x2,y2);
				}
			.d1:hover{
				width:200px;
				height:200px;
				/*transform:rotate(90deg);*/
				}	
			.d2{
				width:100px;
				height:100px;
				background-color:#CF0;
				transform: matrix(1, 0, 0, 1, 30, 30);
				-moz-transform: matrix(1, 0, 0, 1, 30, 30);
				}
					
        </style>
    </head>
    
    <body>
    	<div class="d1"></div>
        <br /> 
        <div class="d2"></div>
    </body>

转载于:https://www.cnblogs.com/navyouth/p/8888076.html

weixin_34265814

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
鼠标放上慢慢变大，移开慢慢回复

<style type="text/css"> .d1{ width:100px; height:100px; background-color:#CF0; transition:width 2s,height 2s, transform 2s; transition-timing-function:cubic-bezier...
复制链接

扫一扫