Developer tool / Local processing

CSS Transform，
即調即看。

視覺化調整位移、縮放、旋轉與傾斜並產生 CSS。免費免安裝，支援手機與電腦；輸入內容與處理結果主要保留在目前的瀏覽器中。

X 位移Y 位移旋轉縮放Skew XSkew Y

Preview

CSS

常見問題

transform 的執行順序重要嗎？

重要，不同函式順序可能產生不同結果；本工具使用 translate、rotate、skew、scale 的固定順序。

會改變其他元素排版嗎？

CSS transform 通常只改變視覺呈現，不會重新計算一般文件流位置。