รัศมีชายแดนเครื่องกําเนิด

เครื่องมือสร้าง CSS รัศมีเส้นขอบเพื่อสร้างการประกาศ CSS รัศมีเส้นขอบอย่างรวดเร็ว

Preview

Preview image

เอาต์พุต 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 รวดเร็ว ง่ายดาย และปลอดภัย

ตัวแก้ไข JSON

แก้ไข Big JSON อย่างง่ายดาย - รวดเร็วและราบรื่น

เครื่องกําเนิดไฟฟ้า HMAC

สร้างการย่อย HMAC ได้อย่างง่ายดาย

Convert JSON to Text Effortlessly

แปลงข้อมูล JSON ของคุณเป็นข้อความธรรมดาที่จัดรูปแบบได้ด้วยคลิกเดียว รวดเร็ว ปลอดภัย และใช้เบราว์เซอร์อย่างสมบูรณ์