เครื่องมือสร้าง CSS Transform สำหรับคนขี้เกียจ
ตั้งค่ามาตราส่วน หมุน แปล และเอียง และชมการแสดงตัวอย่างแบบสดเพื่อให้ได้มุมมองที่ต้องการ
หลีกเลี่ยงการตั้งค่าที่มากเกินไปสำหรับคุณสมบัติเอียง เนื่องจากการแสดงตัวอย่างอาจครอบคลุมแผงการตั้งค่า ในสถานการณ์นี้ คุณจะต้องรีเฟรชหน้า
ปรับขนาด หมุน แปล และเอียง
มาตราส่วนทำงานเหมือนกับการซูมเข้าและออกองค์ประกอบเป้าหมาย ค่ามาตราส่วนเริ่มต้นคือ 1 ซึ่งทำงานเป็นตัวคูณของขนาดดั้งเดิม ซึ่งหมายความว่า 0.5 แบ่งครึ่งในขณะที่ 2 เพิ่มส่วน
หมุนองค์ประกอบตามเข็มนาฬิกาด้วยคุณสมบัติที่สองที่กำหนดเป็นองศา การหมุนด้วย 180° จะทำให้วัตถุคว่ำในขณะที่ 360° กลับสู่ตำแหน่งตั้งตรงเดิม ตั้งค่าบวกหรือลบหรือแม้แต่ทศนิยม
Translate เลื่อนองค์ประกอบด้วยพิกเซลที่เกี่ยวข้องกับตำแหน่งเดิม ค่า X ในแนวนอนในขณะที่ Y ในแนวตั้งเมื่อมีแอตทริบิวต์การหมุนเป็นศูนย์
เอียงวัตถุบนแกนนอน (X) หรือแนวตั้ง (Y)
CSS แปลงอธิบาย
คุณสมบัติการแปลง CSS ช่วยให้คุณหมุน ปรับขนาด เอียง และแปลองค์ประกอบ มันแก้ไขพื้นที่พิกัดของโมเดลการจัดรูปแบบภาพ CSS
ความหมายและการใช้งาน
คุณสมบัติการแปลงใช้การแปลง 2D หรือ 3D กับองค์ประกอบ คุณสมบัตินี้อนุญาตให้คุณหมุน ปรับขนาด ย้าย เอียง ฯลฯ องค์ประกอบ
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนคุณสมบัติอย่างสมบูรณ์
ตัวเลขตามด้วย -webkit-, -moz- หรือ -o- ระบุเวอร์ชันแรกที่ทำงานกับคำนำหน้า
ไวยากรณ์
transform: none|transform-functions|initial|inherit;
