css动画过渡效果

显示效果

显示效果

css代码如下

 1 div{
 2     width: 100px;
 3     height: 100px;
 4     background-color: blue;
 5     transition: width 2s,height 2s,transform 2s;
 6     -webkit-transition: width 2s,height 2s,transform 2s;
 7     /*transition-delay: 2s;*/
 8     /*-webkit-transition-delay: 2s;*/
 9 }
10 div:hover{
11     width: 200px;
12     height: 200px;
13     transform:rotate(360deg);
14     -webkit-transform:rotate(360deg);
15 }