前端开发H5 transform

前端开发跟后台开发
前端 后台 开发哪一个好一些
前端开发和后台开发哪个好学

1、旋转 rotate
transform:rotate(50deg);
单位deg为度的意思,正数为顺时针旋转,负数为逆时针旋转

2、偏移 translate
transform:translate(50px); 右偏移 (默认右偏移)
transform:translate(50px,50px); 右下偏移
transform:translateX (50px); 右偏移
transform:translateY (50px); 下偏移
transform:translateZ (50px); 前偏移 *可用缩放scale来取代 **涉及到Z轴操作的时候,给父级设置:perspective: 800px;

3、倾斜 skew
transform:skew(50deg); 水平方向逆时针旋转(默认值)
transform:skew(50deg,50deg); 水平逆时针 垂直顺时针
transform:skewX(50deg); 水平逆时针
transform:skewY(50deg); 垂直顺时针

4、缩放 scale
transform: scale(0.5) 一个参数时:表示水平和垂直同时缩放该倍率
transform: scale(0.5, 2); 两个参数时:第一个参数指定水平方向的缩放倍率,第二个参数指定垂直方向的缩放倍率。

transition:1s ease all; 运动时间

前端开发与后台接口
web前端开发 后台
前端和后台开发
» 本文来自:前端开发者 » 《前端开发H5 transform》
» 本文链接地址:https://www.rokub.com/6244.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!