-
在你看到的网页，眉目传情是寻找功能可以通过CSS3转换实现
CSS3 2D变换功能，可以旋转，倾斜，缩放和移动元素，对网页视觉提供很大的帮助
使用方法uff1a
CSS代码将内容复制到剪贴板。
变换：变换函数；
变换：变换函数的WebKit的Safari和Chrome； / * * /
-moz变换：变换功能的Firefox； / * * /
- o-transform：变换函数的歌剧； / * * /
MS变换：变换函数； / * * / IE9
变形函数变换函数：
字母中的θ；参数是单位，有三个单位可以使用：摄氏度（角），弧度（弧度）和梯度（梯度）。
1.rotate（θ；）：旋转θ为中心轴的二维度的参考点。
2.skew（θ；X；θ；Y）：参考点为中轴，它倾斜沿横向方向θ，X度，纵向倾斜θ，Y度（可以拆成skewx（θ）和skewx。
3.scale（x，y）：指定元素横向放大X倍，规模是Y时代的参考点二维。它可以分为scaleX和scaleY（x）（y）。此函数的参数不需要单元。
4.translate（x，y）：指定元素水平移动时，从基准点2D X和Y的距离，距离垂直移动。它可以分为translatex（x）和translatey（Y），和这个函数的参数的单位是像素。
5.matrix（A，B，C，D，E，F）：指定元素从基于数学变形矩阵的6个参数值参考点产生的二维变形（变换矩阵）（这个函数的参数是数字，没有单位）。
样品
Javaｓｃｒｉｐｔ代码将内容复制到剪贴板。
Safari和Chrome倾斜50度。
WebKit的变换：旋转（50deg）；
变换的三维视角
CSS3的变换可以做2D操作，当然，还有3D
但您需要另一个具有透视属性的父控件来显示3D效果。
例如:
xml代码将内容复制到剪贴板。
3d
透视的属性是透视的意义。它可以定义3D的视角，当3D特效使用时，可以显示底部元素。
透视的使用方法
观点：150px；
xml代码将内容复制到剪贴板。
并不是所有浏览器都支持所有的文件。
WebKit的视角：150px；
150px -moz视角；
还有一个称为透视原点的属性。
功能用于定义基于x和y轴的三维位置（定义初始位置）。
透视原点法：
属性值：（x轴：左，中，右，长，百分比）（Y轴：顶部，中心，底部，长度，百分比）
CSS代码将内容复制到剪贴板。
透视原点参数为50%。50%预置。
WebKit的视角来源：40% Safari和Chrome 60%； / * * /
看产地：40px 60px WebKit的Safari和Chrome； / * * /
-moz角度来源：左bottombottom Firefox； / * * /
注意：角度和角度的子元素起源的影响，不是元素本身。
最后，你可以在div做3D效果（rotatex和rotatey）
CSS代码将内容复制到剪贴板。
WebKit的变换：rotatex（290deg）；
WebKit的变换：rotatey（290deg）；
-moz变换：rotatex（290deg）；
-moz变换：rotatey（290deg）；