รัศมีชายแดนเครื่องกําเนิด
เครื่องมือสร้าง 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
สร้างเลย์เอาต์ Flexbox ที่สมบูรณ์แบบ
แสดงภาพ ปรับแต่ง และสร้างโค้ดเฟล็กซ์บ็อกซ์ CSS ด้วยอินเทอร์เฟซแบบลากและวางที่ใช้งานง่ายของเรา
ตัวแปลงสไตลัสเป็น CSS
แปลงโค้ด SCSS ของคุณเป็น CSS รวดเร็ว ง่ายดาย และปลอดภัย
ตัวแปลง SCSS เป็น CSS
แปลงโค้ด SCSS ของคุณเป็น CSS รวดเร็ว ง่ายดาย และปลอดภัย
ตัวแปลงหน่วยอุณหภูมิ
แปลงระหว่างหน่วยอุณหภูมิต่างๆ ด้วยความแม่นยําสําหรับความต้องการทางวิทยาศาสตร์และในชีวิตประจําวันของคุณ
แปลงมุมด้วยความแม่นยํา
แปลงระหว่างหน่วยมุมต่างๆ ได้อย่างง่ายดายด้วยเครื่องมือแปลงที่ใช้งานง่ายของเรา เหมาะสําหรับวิศวกร นักเรียน และมืออาชีพ
CMYK เป็น HSV
แปลงค่าสี CMYK เป็นแบบจําลองสี HSV สําหรับการใช้งานดิจิทัล