css3变形和动画的总结

animation、transition、transform：rotate、skew。transform-origin

div{

　　animation:myAnimation 2s;

　　transform:rotate(30reg) skewX(30);

　　transform-origin:right top;

}

@keyframe myAnimation{

　　from{width:2px;}

　　to{width:20px;}

}

 

div{

　　transition:height 3s;

}

div:hover{

　　height:10px;

}