位置:电子教程 > CSS3教程 (如果看不到内容请使用360浏览器) 推荐学习资源
CSS3基础样式
CSS3 高级样式
当前阅读教程:CSS3教程 > CSS3 2D 转换
阅读(22555525)      收藏       赞(5685)      分享
上一篇: CSS3 高级样式 下一篇: translate() 方法

主要讲解下面几个方面

image.png


新转换属性

Property

描述

CSS

transform

适用于2D或3D转换的元素

3

transform-origin

允许您更改转化元素位置

3

 

2D 转换方法

函数

描述

matrix(n,n,n,n,n,n)

定义   2D 转换,使用六个值的矩阵。

translate(x,y)

定义   2D 转换,沿着 X 和 Y 轴移动元素。

translateX(n)

定义   2D 转换,沿着 X 轴移动元素。

translateY(n)

定义   2D 转换,沿着 Y 轴移动元素。

scale(x,y)

定义   2D 缩放转换,改变元素的宽度和高度。


上一篇: CSS3 高级样式 下一篇: translate() 方法
毕业设计网             广告联系QQ:45157718(微信同号)