Preview
เอาต์พุต CSS
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
ตัวควบคุมเส้นทางคลิป
รูปร่างพื้นฐาน
คุณสมบัติของรูปร่าง
0%
0%
100%
100%
Animation
0s
Presets
Rectangle
Circle
Ellipse
Triangle
Diamond
Pentagon
Hexagon
Heart
วิธีใช้
การควบคุมพื้นฐาน
- เลือกรูปร่างพื้นฐานจากแผงการเลือกรูปร่าง
- ปรับพารามิเตอร์รูปร่างโดยใช้แถบเลื่อนช่วง
- ลากจุดควบคุมบนการแสดงตัวอย่างเพื่อปรับรูปร่างเส้นทางคลิป
- เพิ่มจุดลงในรูปร่างแบบกําหนดเองโดยใช้โหมดเพิ่มจุด
คุณสมบัติขั้นสูง
- บันทึกและโหลดค่าที่ตั้งไว้ล่วงหน้าเพื่อการเข้าถึงรูปร่างที่คุณชื่นชอบได้อย่างรวดเร็ว
- ทําให้เส้นทางคลิปของคุณเคลื่อนไหวด้วยระยะเวลา การค่อยๆ และการทําซ้ําแบบกําหนดเอง
- คัดลอกโค้ด CSS ที่สร้างขึ้นแล้ววางลงในโปรเจ็กต์ของคุณ
- สลับโหมดมืดเพื่อการออกแบบยามดึกที่สะดวกสบาย
Related Tools
ตัวย่อขนาด CSS
บีบอัดและเพิ่มประสิทธิภาพโค้ด CSS ของคุณด้วยความแม่นยําระดับมืออาชีพ
สร้างการแปลง CSS3 ได้อย่างง่ายดาย
เครื่องมือที่ทรงพลังและใช้งานง่ายสําหรับการสร้างการแปลง CSS3 ที่ซับซ้อนโดยไม่ต้องเขียนโค้ด แสดงภาพการเปลี่ยนแปลงแบบเรียลไทม์และคัดลอก CSS ที่สร้างขึ้นเพื่อใช้ในโครงการของคุณ
Less to CSS Converter
แปลงโค้ด Less ของคุณเป็น CSS รวดเร็ว ง่ายดาย และปลอดภัย
ตัวแปลงหน่วยความถี่
แปลงระหว่างหน่วยความถี่ต่างๆ ด้วยความแม่นยําสําหรับการคํานวณทางวิศวกรรมและวิทยาศาสตร์ของคุณ
เครื่องคํานวณค่าเฉลี่ย
คํานวณค่าเฉลี่ย (ค่าเฉลี่ยเลขคณิต) ของชุดตัวเลขได้อย่างรวดเร็วด้วยเครื่องมือที่ใช้งานง่ายของเรา
ตัวแปลงหน่วยน้ําหนัก
แปลงระหว่างหน่วยน้ําหนักต่างๆ ด้วยความแม่นยําสําหรับความต้องการในการทําอาหาร ฟิตเนส และอุตสาหกรรมของคุณ