รัศมีชายแดนเครื่องกําเนิด
เครื่องมือสร้าง CSS รัศมีเส้นขอบเพื่อสร้างการประกาศ CSS รัศมีเส้นขอบอย่างรวดเร็ว
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 ของคุณด้วยความแม่นยําระดับมืออาชีพ
Less to CSS Converter
แปลงโค้ด Less ของคุณเป็น CSS รวดเร็ว ง่ายดาย และปลอดภัย
สร้างการแปลง CSS3 ได้อย่างง่ายดาย
เครื่องมือที่ทรงพลังและใช้งานง่ายสําหรับการสร้างการแปลง CSS3 ที่ซับซ้อนโดยไม่ต้องเขียนโค้ด แสดงภาพการเปลี่ยนแปลงแบบเรียลไทม์และคัดลอก CSS ที่สร้างขึ้นเพื่อใช้ในโครงการของคุณ
ตัวแปลงตัวเลขดิจิตอล
แปลงระหว่างระบบเลขฐานสอง ทศนิยม เลขฐานสิบหก และฐานแปดอย่างแม่นยํา
Generate dummy text for your designs
สร้างข้อความตัวยึดตําแหน่งที่สมจริงสําหรับเว็บไซต์ แอป และเอกสารของคุณด้วยตัวสร้าง Lorem Ipsum ของเรา
HSV เป็น HEX
แปลงรหัสสี HSV เป็นค่า HEX สําหรับการออกแบบเว็บ