transform 属性的值是一个变形函数，请问有哪些变形函数
作者&投稿：钟离元 （若有异议请与网页底部的电邮联系）
变形-旋转 ratate()函数
通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这
个值为负值，元素相对原点中心逆时针旋转。
transform:rotate(-20deg) 如下图：
放大、缩小、拉伸、变形、旋转等。
CSS3 transform是什么？transform的含义是：改变，使…变形；转换
CSS3 transform都有哪些常用属性？
transform的属性包括：rotate() / skew() / scale() / translate(,) ，分别还有x、y之分，比如：rotatex() 和 rotatey() ，以此类推。
下面我们来分解各个属性的用法：
transform:rotate()：
含义：旋转；其中“deg”是“度”的意思，如“10deg”表示“10度”下同。
.demo_transform1{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg)}
transform:skew()：
含义：倾斜；
.demo_transform2{-webkit-transform:skew(20deg);-moz-transform:skew(20deg)}
transform:scale()：
含义：比例；“1.5”表示以1.5的比例放大，如果要放大2倍，须写成“2.0”，缩小则为负“-”。
.demo_transform3{-webkit-transform:scale(1.5);-moz-transform:scale(1.5)}
transform:translate()：
含义：变动，位移；如下表示向右位移120像素，如果向上位移，把后面的“0”改个值就行，向左向下位移则为负“-”。
.demo_transform4{-webkit-transform:translate(120px,0);-moz-transform:translate(120px,0)}
transform综合：
transform的常用属性就是这些了，下面我们借助transition的帮忙来演示一个关于css3 transform的综合实例：
.demo_transform5{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out}
.demo_transform5:hover{-webkit-transform:rotate(360deg) skew(-20deg) scale(3.0)translate(100px,0);-moz-transform:rotate(360deg) skew(-20deg)sca
假设目标变量名为“theObject”：<pre t="code" l="python">for property, value in vars(theObject).iteritems():
print property, ;: ;, value
邓樊利复： ransform--style属性是用来指定嵌套元素是怎样在三维空间中呈现的,该属性有两个属性值: 1. flat:表示所有子元素在2D平面呈现(默认值). 2.preserve-3d:表示所有子元素在3D空间中呈现.拓展: 该属性是css3的新特性,在不同的浏览器上使用时,要根据浏览器的不同配置-webkit-, -ms- 或 -moz-这些支持浏览器识别的前缀属性. 该属性没有继承值. js语法是object.style.transformStyle=＂ flat|preserve-3d＂. 使用此属性必须先使用 transform 属性.
铜陵县18491313857： CSS3中如何使元素曲线运动 - ？
邓樊利复： CSS3中使用transform属性可实现元素曲线运动.下面介绍下transform 属性定义及其实例.1. 定义和用法:transform 属性向元素应用 2D 或 3D 转换.该属性允许我们对元素进行旋转、缩放、移动或倾斜.默认值: none 继承性: no 版本: ...
铜陵县18491313857： transform - origin怎么用 - ？
邓樊利复： 1、改变元素基点transform-origin transform-origin是变形原点,也就是该元素围绕着那个点变形或旋转,该属性只有在设置了transform属性的时候起作用;因为我们元素默认基点就是其中心位置,换句话说我们没有使用transform-origin改变元素...
铜陵县18491313857： CSS transform中的rotate的旋转中心怎么设置? - ？
邓樊利复： 1、默认情况,变形的原点在元素的中心点,或者是元素X轴和Y轴的50%处. 2、没有使用transform-origin改变元素原点位置的情况下,CSS变形进行的旋转、移位、缩放等操作都是以元素自己中心(变形原点)位置进行变形的.但很多时候需...
铜陵县18491313857： 纯CSS3有什么实现垂直居中的新方法吗 - ？
邓樊利复： 实现垂直居中,基本上都是给父元素加相对定位,给自己加绝对定位,然后top:50%和 left:50%,然后元素再向上移动自身一半的高度,向左移动自身一半的宽度,这样一来就可以实现元素的水平居中和垂直居中. 在还没有css3的时候,要给出...
铜陵县18491313857： css中大小写怎么规定?? - ？
邓樊利复： 对于命名的写法:大小写没有区别没有什么规定的,我做了那么多个网站,一般都采用小写字母,一个是利于查看 试想一下,如果全部都写成大写,是不是看起来很不舒服,并且对于英文不好的人,看起来头昏眼花的.一般大写用在id或者class上,看个人的习惯写法了!控制文本的大小写:可以利用text-transform这个属性来控制大小写的字母 text-transform这个属性有3个值分别为; text-transform: uppercase text-transform: lowercase text-transform: capitalize 第1个会把文字变成全大写 第2个变成全小写 第3个变成首字母大写
铜陵县18491313857： unity里的transform.Translate和 transform.position有什么 - ？
邓樊利复： transform是Gameobject的位置属性,translate是一个动作属性.获取某个object的位置信息时就是transform,若是对其做动作,那就translate.
铜陵县18491313857： css里的zoom属性详解和使用 - ？
邓樊利复： zoom属性确实是ie专有属性,除了设置或者检索对象的缩放比例之外,它还具有触发ie的haslayout属性,清除浮动,清除margin重叠等作用. 但是火狐浏览器不支持zoom属性,不过在webkit内核浏览器中zoom这个属性也是可以被支持的. 显然...
铜陵县18491313857： as3 中 transform是什么 - ？
邓樊利复： displayObject 显示对象的一个共有属性transform 属性 transform:Transform [read-write] 语言版本 : ActionScript 3.0 Player 版本 : Flash Player 9 一个对象,具有与显示对象的矩阵、...
铜陵县18491313857： 哪位大神给解释一下unity中的transform.rotation - ？
邓樊利复： quaternion.identity就是指quaternion(0,0,0,0),就是每旋转前的初始角度,是一个确切的值,而transform.rotation是指本物体的角度,值是不确定的,比如可以这么设置transform.rotation = quaternion.identity; 一个是值类型,一个是属性变量
