css3中2d变形分别可以操作元素的哪些效果
，原点 transform-origin CSS变形进行的旋转、位移、缩放，扭曲等操作都是以元素自己中心位置进行变形。
在css3中transform主要包括以下几种： 旋转rotate、 扭曲skew、 缩放scale 和 移动translate 以及 矩阵变形matrix。
CSS3 的出现，让动画变得更加容易，性能也更加好。
css3旋转半径的计算
border-radius： 30px； /* Opera 5， IE 9 */ } 圆角的实现比较简单，只要设好一个半径值就可以了。遗憾的是，目前所有的IE都不支持CSS圆角，要等到IE 9才行。
综述：如果是以y轴旋转，旋转半径就用x=x（t）表示，微分用dy=（dy/dt）·dt。一条平面曲线绕着它所在的平面内的一条定直线旋转所形成的曲面叫作旋转面。
回转半径是用转动惯量除以总质量再开平方。回转半径当一力矩作用于一个物体时，物体会呈现应有的旋转运动。物体对于一个直轴的回转半径，是此物体所有粒子，对于此直轴的均方根距离。
在css3中transform主要包括以下几种： 旋转rotate、 扭曲skew、 缩放scale 和 移动translate 以及 矩阵变形matrix。
回转半径的计算公式是冷态R=5d，热态R=d。回转半径指物体微分质量假设的集中点到转动轴间的距离，其值为任一截面对某轴的惯性矩除以该截面面积所得商的平方根值。
css3变形中几个重要点
，原点 transform-origin CSS变形进行的旋转、位移、缩放，扭曲等操作都是以元素自己中心位置进行变形。
在css3中transform主要包括以下几种： 旋转rotate、 扭曲skew、 缩放scale 和 移动translate 以及 矩阵变形matrix。
在此基础上有两个扩展函数：scaleX()和scaleY()。rotate()：用来旋转元素。skew()：用来让元素倾斜。在此基础上有两个扩展函数：skewX()和skewY()。matrix()：定义矩阵变形，基于X轴和Y轴坐标重新定位元素位置。
第二，CSS文件异常将影响整个网站的正常浏览。CSS网站制作的设计元素通常放在几个l外部文件中，这一个或几个文件有可能相当复杂，甚至比较庞大，如果CSS文件调用出现异常，那么整个网站将变得惨不忍睹。
D的变形中的transform-origin属性还包括了Z轴的第三个值。
transition 过渡 作为一个复合属性 transition-property 指定可以过渡的属性 默认值是all 定义应用过渡效果的 CSS 属性名称列表，列表以逗号分隔。
12.CSS3的Transform详解
1、transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。
2、这是一个缩放的transform属性，y值可以省略，如果y值省略的话，那默认就和x值一样。举例：这个例子的执行效果就是，当把指针hover到这个div上的时候，那这个div会放大到原来的1倍大。
3、位置参数。transform：变形。改变 CSS3中主要包括 旋转：rotate() 顺时针旋转给定的角度，允许负值 rotate(30deg)。transition： 允许CSS属性值在一定的时间区间内平滑的过渡，需要事件的触发，例如单击、获取焦点、失去焦点等。
4、transform-origin(X，Y)：用来设置元素的运动的基点（参照点）。默认点是元素的中心点。
5、使用transform-origin设置css3旋转中心，分别有两个参数，代表x和y轴的位置。旋转参考的零点：元素左上角的位置或者说盒子模型的左上角。