UTILS.
ทำงานในเบราว์เซอร์ 100%

ตัวสร้าง CSS Transform

ผสาน translate, rotate, scale และ skew ให้เป็น CSS transform เดียว พร้อมพรีวิวแบบเรียลไทม์

เกี่ยวกับเครื่องมือนี้

ลากแถบเลื่อนเพื่อผสาน translate, rotate, scale และ skewX พรีวิวกล่องและคัดลอก transform ทั้งหมดทำงานในเบราว์เซอร์ของคุณ

คำถามที่พบบ่อย

ฟังก์ชันถูกนำมาใช้ตามลำดับใด?
translate ก่อน ตามด้วย rotate, scale แล้วจึง skewX ตรงตามลำดับที่แสดงในผลลัพธ์
ทำไม scale ถึงเป็นแถบเลื่อนแบบเปอร์เซ็นต์?
แถบเลื่อนมีค่า 0–200% และถูกแปลงเป็นค่าทศนิยม ดังนั้น 100% จึงหมายถึง scale(1)

เครื่องมือเพิ่มเติม