首页 > 其他 > 详细

变形属性 transform

时间:2016-11-14 20:26:42      阅读:242      评论:0      收藏:0      [点我收藏+]

transform功能可以实现文字或图像的旋转、绽放、倾斜、与移动;

    注意点:1、其移动、旋转、倾斜、与绽放这4种效果的使用先后顺序不同,页面会显示不同的结果;

        2、属性值有一个参数与有多个参数的别;

        3、在用移动效果时注意其移动方向(很容易在不看效果时,不知向那移动);

tansform的属性值:

  2D时:

  1、translate(x,y):有两个参数,第一个参数表示水平方向上移动,第二个参数表示垂直方向上移动,注意---当只写一个参数时表示只在水平方向上移动,垂直方向上不移动;                                           写法translate(50px,60px)或translate(1000px);

  2、ratate(x):参数表示度数,单位用度表示,写法为ratate(45deg);旋转方向 为顺时针旋转;

  3、skew()

 

变形属性 transform

原文:http://www.cnblogs.com/flxy-1028/p/6062392.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!