首页 > 代码库 > 变形属性 transform
变形属性 transform
transform功能可以实现文字或图像的旋转、绽放、倾斜、与移动;
注意点:1、其移动、旋转、倾斜、与绽放这4种效果的使用先后顺序不同,页面会显示不同的结果;
2、属性值有一个参数与有多个参数的别;
3、在用移动效果时注意其移动方向(很容易在不看效果时,不知向那移动);
tansform的属性值:
2D时:
1、translate(x,y):有两个参数,第一个参数表示水平方向上移动,第二个参数表示垂直方向上移动,注意---当只写一个参数时表示只在水平方向上移动,垂直方向上不移动; 写法translate(50px,60px)或translate(1000px);
2、ratate(x):参数表示度数,单位用度表示,写法为ratate(45deg);旋转方向 为顺时针旋转;
3、skew()
变形属性 transform
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。