css3动画1 

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        *{margin:0;padding:0;}
        .c1{margin:30px auto;width:100px;height:100px;background:green;transition:all 1s linear 0s;-webkit-transition:all 1s linear;}
        .c1:hover{transform:rotate(180deg) translate(20px) skewX(30deg) scale(5)}
    </style>
</head>
<body>
<div class="c1">123321</div>
</body>
</html>

 

posted @ 2016-08-08 16:33  dongxiaolei  阅读(70)  评论(0)    收藏  举报