变换的方法

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

国庆活动:订阅年付会员送 6 个月,重订、续订送 12 个月。订阅 →

我们已经了解了一个变换方法,就是 rotate ,旋转 .. 下面我们可以再去了解一下其它的一些变换方法 .. 你想移动元素的位置可以使用 translate 这个方法 .. 比如你只想移动水平位置,可以用一下 translateX .. 把位置的距离交给这个方法 ..

你会发现这个图像元素的水平位置向右移动了 50px .. 要移动它的 y 轴的位置,可以使用 translateY ... 现在这个图像元素会向下移动 50 像素 ..

同时移动 x 与 y 的位置可以使用 translate 方法 .. 先是 x 的值,然后是 y 的值 ...

缩放,用的是 scale 这个方法 .. 比如我想让这个图像的宽度和高度缩小 50% .. 给这个方法两个值,0.5, 0.5 ... 现在我要让这个图像的宽高放大成 1.5 倍 .. 给这个方法的值是 1.5, 1.5..

斜切可以使用 skew[skju] .. 水平斜切可以使用 skewX ... 把一个值交给它 .. 比如 15deg .. 这个值也可以是一个负数 ...

垂直方向的斜切用的是 skewY ... 或者可以同时做水平与垂直方向的斜切,直接使用 skew 这个方法 .. 再给它提供两个值 ... 分别表示的是水平与垂直方向的斜切的度数 ...

变换的方法《 CSS:变换 》

统计

11228
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点