css动画过渡

css动画过渡css代码:

.div03{
    width:100px;height:100px;background: rebeccapurple;color: #fff;
    -webkit-transition: width 2s,height 2s,-webkit-transform 2s;
    -moz-transition: width 2s,height 2s,-moz-transform 2s;
    -ms-transition: width 2s,height 2s,-ms-transform 2s;
    -o-transition: width 2s,height 2s,-o-transform 2s;
    transition: width 2s,height 2s,transform 2s;
}
.div03:hover{
    width:200px;height:200px;transform: rotate(360deg);
    -webkit-transform:rotate(360deg);
}

 

转载于:https://my.oschina.net/u/3628277/blog/1490184