今天做了一个基础的小例子熟悉一下这个属性。
<!DOCTYPE html> <html> <head> <title>transform</title> <style> #box{ width:100px; height:100px; background:#cecece; margin:100px auto; /* css3 start
rotate :旋转 ，正数时为顺时针方向，负数时为逆时针方向
translate:移动，x,y轴的移动
scale:缩放 ,大于1为放大 小于1为缩小，
skew:扭曲,x 和 y轴的扭曲 (deg是度数的意思)
*/ transform:rotate(60deg) translate(200px,100px) scale(2,4) skew(30deg,20deg); } </style> </head> <body> <div id="box"></div> </body> </html>
结果是一个css3 样式化的图形.