UTILS.
เป็นส่วนตัวตั้งแต่เริ่ม
⤢

ตัวสร้าง CSS Transform

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

ไฟล์ของคุณอยู่ในอุปกรณ์นี้

ไฟล์ประมวลผลในเบราว์เซอร์และไม่ถูกอัปโหลด เว็บไซต์จะดาวน์โหลดโค้ดและทรัพยากรที่จำเป็นต่อเครื่องมือ ไม่ต้องมีบัญชีและไม่มีตัวติดตาม

ใช้ปุ่มดาวน์โหลดเพื่อบันทึกเครื่องมือนี้เป็นไฟล์ HTML ไฟล์เดียวสำหรับใช้ออฟไลน์

ความเป็นส่วนตัว →

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

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

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

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

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