UTILS.
100% trong trình duyệt

Trình tạo CSS Transform

Kết hợp translate, rotate, scale và skew thành một CSS transform duy nhất với bản xem trước trực tiếp.

Về công cụ này

Kéo các thanh trượt để kết hợp translate, rotate, scale và skewX, xem trước hộp và sao chép transform, tất cả ngay trong trình duyệt của bạn.

Câu hỏi thường gặp

Các hàm được áp dụng theo thứ tự nào?
translate, rồi rotate, rồi scale, rồi skewX, đúng theo thứ tự hiển thị ở kết quả.
Tại sao scale là thanh trượt phần trăm?
Thanh trượt chạy từ 0–200% và được chuyển thành hệ số thập phân, nên 100% nghĩa là scale(1).

Công cụ khác