【笔记】CSS3transform属性
来源:互联网 发布:腾讯云域名备案多久 编辑:程序博客网 时间:2024/04/27 23:48
transform属性有斜拉(skew)/缩放(scale)/旋转(rotate)/位移(translate)
·斜拉skew
用法skew(10deg)或者skew(10deg,20deg)
两个参数表示倾斜角度
· 一个参数时表示水平方向倾斜
· 两个参数时,第一个表示水平方向倾斜,第二个参数表示垂直方向倾斜
(skew默认的原点的物体的中心点)
缩放scale
用法scale(1)或者scale(2,1)
两个参数表示缩放倍数
· 一个参数时,表示高和宽同时缩放的倍数
· 两个参数时,第一个参数表示水平缩放的的倍数,第二个参数表示垂直缩放的倍数
(参数可以是正数、负数、小数)
正数是放大、负数是翻转、小数是缩小
旋转rotate
用法rotate(10deg)
一共一个参数,参数单位是deg,正数为顺时针旋转,负数为逆时针旋转
位移translate
用法translate(10px,10px)
参数表示位移的距离,单位是px
第一个参数表示水平位移的距离,第二个参数表示垂直位移的距离。
0 0
- 【笔记】CSS3transform属性
- css3transform应用
- css3transform动画
- css3transform--2D篇--rotate
- 用css3transform做出3D旋转的骰子
- XML属性---学习笔记
- 学习笔记--AxWIndowsMediaPlayer 属性
- C#学习笔记-属性
- css 笔记 --- css 属性
- jquery笔记-属性选择器
- CLR学习笔记--属性
- 物料属性设置--笔记
- IOS学习笔记-属性
- 使用adjustResize属性笔记
- Android笔记--属性
- oc课堂笔记->属性
- DOM基本属性笔记
- css笔记-display属性
- 网页设计大赛第八天
- 单词~o(^▽^)o
- andriod 技术点总结
- 【运营推广】APP运营推广超级攻略(2015新版)
- 黑马程序员—— 高新技术---反射
- 【笔记】CSS3transform属性
- iOS 上下有黑边问题解决
- 360浏览器 与 IE的兼容性模式笔记
- 依赖倒置原则(Dependence Inversion Principle)
- Android开发-UI控件:为ListView,GirdView,etc...添加系统自带的下拉刷新功能
- 手写CrashHandler实现UncaughtExceptionHandler拦截android异常
- 从零开始 Code Review
- centos7 安装iptables ,关闭防火墙,打开指定的端口号
- Mac OS X中配置Apache