变形Transform
语法:
transform: rotate | scale | skew | translate |matrix;
rotate:旋转,通过指定一个角度对原元素进行2D旋转,正值表示顺时针旋转,负值表示逆时针。默认原点是其中心位置,可以设置transform-origin.
scale:缩放,通过指定X和Y方向上的缩放倍数对原元素进行2D缩放。
skew:扭曲,通过指定X和Y方向上的斜切角度,对原元素进行斜切变换。
translate:移动,通过指定X和Y方向的移动长度对元素进行移动,正值是向右下移动的。
matrix:矩阵变换
例子:
CSS3 div{ width:100px; height:100px; background:#3385ff; margin: 60px; } #rotate{ transform:rotate(30deg); } #scale{ transform:scale(2,1.5); } #skew{ transform:skew(30deg,10deg); } #translate{ transform:translate(50%,80%); }Rotate
查看更多关于CSS3之动画相关_html/css_WEB-ITnose的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did106792