css3功能还是相当强大的,但是因为兼容性的问题,可能会导致部分IE浏览器不兼容。(IE678的滚蛋)
css3最常用的是:
transiform
放大缩小scale(X)X是倍数,大于1就放大。
倾斜rotate(Xdeg)X是角度
拉伸skew(Xdeg)X角度。
@keyframe 自定义动画,分帧调整动画。
transition:all 0.5s ease
过渡动画效果。(例:整体效果 0.5s完成 方式匀速)
这几种是常用的css3动画效果
transition-property:width设定这个值以后,只有宽度会有过渡效果,用来对比的高度则不会有过渡,控制scale也是一样,transition-property:transform 就行