transform(变形)和transform-origin(变形原点)-Css3演示

这是transform(变形)和transform-origin(变形原点)-Css3演示的一个工具，分享给大家。非常实用。

图片

想要什么样的效果点击效果设置区

1：变形原点

2：变形参数

3：代码区

4：效果预览区

非常实用

如上图的样式 自动生成的源代码：

-moz-transform:rotate(360deg) scale(0.85,1.00) translate(5px,-30px) skew(45deg,0deg);

-moz-transform-origin:-35% -50%;-webkit-transform:rotate(360deg) scale(0.85,1.00) translate(5px,-30px) skew(45deg,0deg);

-webkit-transform-origin:-35% -50%;-o-transform:rotate(360deg) scale(0.85,1.00) translate(5px,-30px) skew(45deg,0deg);

-o-transform-origin:-35% -50%;transform:rotate(360deg) scale(0.85,1.00) translate(5px,-30px) skew(45deg,0deg);

transform-origin:-35% -50%

网站：http://www.css88.com/tool/css3Preview/Transform.html