博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
变形属性 transform
阅读量:4622 次
发布时间:2019-06-09

本文共 435 字,大约阅读时间需要 1 分钟。

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

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

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

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

tansform的属性值:

  2D时:

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

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

  3、skew()

 

转载于:https://www.cnblogs.com/flxy-1028/p/6062392.html

你可能感兴趣的文章
MacOS 系统终端上传文件到 linux 服务器
查看>>
Excel导出POI
查看>>
兼容性
查看>>
自动执行sftp命令的脚本
查看>>
转 Merkle Tree(默克尔树)算法解析
查看>>
网络编程基础之socket编程
查看>>
各种浏览器的user-agent和
查看>>
Restful levels
查看>>
Phonegap移动开发:布局总结(一) 全局
查看>>
Java 变参函数的实现
查看>>
nrf51 SDK自带例程的解读
查看>>
SESSION技术
查看>>
数据结构(五)之直接插入排序
查看>>
SQL函数——LENGTH()和LENGTHB()
查看>>
vim - manual -个人笔记
查看>>
详解Javascript中prototype属性(推荐)
查看>>
angularjs实现首页轮播图
查看>>
Git 对象 和checkout 和stash的笔记
查看>>
团队项目总结2-服务器通信模型和顺序图
查看>>
hdu 1085 Holding Bin-Laden Captive!
查看>>