【笔记】CSS3transform属性

来源:互联网 发布:腾讯云域名备案多久 编辑:程序博客网 时间:2024/04/27 23:48

transform属性有斜拉(skew)/缩放(scale)/旋转(rotate)/位移(translate)
·斜拉skew
用法skew(10deg)或者skew(10deg,20deg)
两个参数表示倾斜角度
· 一个参数时表示水平方向倾斜
· 两个参数时,第一个表示水平方向倾斜,第二个参数表示垂直方向倾斜
(skew默认的原点的物体的中心点)

缩放scale
用法scale(1)或者scale(2,1)
两个参数表示缩放倍数
· 一个参数时,表示高和宽同时缩放的倍数
· 两个参数时,第一个参数表示水平缩放的的倍数,第二个参数表示垂直缩放的倍数
(参数可以是正数、负数、小数)
正数是放大、负数是翻转、小数是缩小

旋转rotate
用法rotate(10deg)
一共一个参数,参数单位是deg,正数为顺时针旋转,负数为逆时针旋转

位移translate
用法translate(10px,10px)
参数表示位移的距离,单位是px
第一个参数表示水平位移的距离,第二个参数表示垂直位移的距离。

0 0
原创粉丝点击