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

<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>

 

posted @ 2018-04-20 08:51  navyyouth  阅读(324)  评论(0)  编辑  收藏  举报