⤢

Generator CSS Transform

Gabungkan translate, rotate, scale, dan skew menjadi satu CSS transform dengan pratinjau langsung.

File tetap di perangkat ini

File diproses di browser, tidak pernah diunggah. Situs mengunduh kode dan aset yang diperlukan alat. Tanpa akun atau pelacak.

Gunakan Unduh untuk menyimpan alat ini sebagai satu file HTML untuk penggunaan offline.

translateX: 0px

translateY: 0px

rotate: 0deg

scale: 1

skewX: 0deg

hasil

keluaran

Tentang alat ini

Geser slider untuk menggabungkan translate, rotate, scale, dan skewX, pratinjau kotaknya, lalu salin transform-nya, semuanya di browser Anda.

Dalam urutan apa fungsi-fungsi ini diterapkan?

translate, lalu rotate, lalu scale, lalu skewX, sesuai urutan yang ditampilkan pada keluaran.

Mengapa scale berupa slider persentase?

Slider berjalan dari 0–200% dan diubah menjadi faktor desimal, jadi 100% berarti scale(1).