รัศมีชายแดนเครื่องกําเนิด
เครื่องมือสร้าง 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 ของคุณด้วยความแม่นยําระดับมืออาชีพ
สร้างการแปลง CSS3 ได้อย่างง่ายดาย
เครื่องมือที่ทรงพลังและใช้งานง่ายสําหรับการสร้างการแปลง CSS3 ที่ซับซ้อนโดยไม่ต้องเขียนโค้ด แสดงภาพการเปลี่ยนแปลงแบบเรียลไทม์และคัดลอก CSS ที่สร้างขึ้นเพื่อใช้ในโครงการของคุณ
Less to CSS Converter
แปลงโค้ด Less ของคุณเป็น CSS รวดเร็ว ง่ายดาย และปลอดภัย
เครื่องมือเข้ารหัส URL
เข้ารหัสพารามิเตอร์ URL อย่างง่ายดายในเบราว์เซอร์ของคุณ
JavaScript Obfuscator
ปกป้องโค้ด JavaScript ของคุณจากการเข้าถึงโดยไม่ได้รับอนุญาตและวิศวกรรมย้อนกลับด้วยเครื่องมือสร้างความสับสนอันทรงพลังของเรา แปลงโค้ดของคุณให้เป็นรูปแบบที่อ่านไม่ได้ในขณะที่ยังคงฟังก์ชันการทํางานเต็มรูปแบบ
ฐานสิบหกเป็นทศนิยม
แปลงเลขฐานสิบหกเป็นทศนิยมอย่างง่ายดาย