css3新特性transform

CSS3是一种常用的网页设计语言，它包含许多新特性，其中一个是transform。在CSS3中，transform可以更方便地操作元素的位置、大小、旋转和倾斜。下面是一些transform的常见用法。

/* 平移 */
transform: translate(x,y);
/* x和y可为负数 */

/* 缩放 */
transform: scale(x,y);
/* x和y可为小数 */

/* 旋转 */
transform: rotate(angle);
/* angle是角度值，正数表示顺时针旋转 */

/* 倾斜 */
transform: skew(x-angle,y-angle);
/* x-angle和y-angle可为正负数 */ 

对于平移，translate(x,y)可以将元素沿着x和y轴平移特定的距离。其中x和y的值可以为正数（向右和向下移动）或负数（向左和向上移动）。

对于缩放，scale(x,y)可以按照比例增大或缩小元素的大小。其中x和y的值可以为小数，如果数值大于1，则元素会变大，如果数值小于1，则元素会变小。如果x和y的值相等，则元素大小会等比例缩放。

对于旋转，rotate(angle)可以将元素按照顺时针方向旋转特定的角度。其中angle是角度值，可为正数或负数。如果angle为正数，则元素将顺时针旋转；如果angle为负数，则元素将逆时针旋转。

对于倾斜，skew(x-angle,y-angle)可以将元素在x轴和y轴上倾斜特定的角度。其中x-angle和y-angle的值可以为正数或负数。如果x-angle和y-angle的值相等，则元素将在x轴和y轴上等比例倾斜。

通过使用transform，网页开发者可以为元素添加更加丰富的动画效果。例如，可以使用translate和transition结合，实现元素的飞入和飞出效果。又或者，使用rotate和animation结合，实现元素的旋转动画效果。