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