Preview

รัศมีเส้นขอบ

ปรับแต่งฉันเอง

เอาต์พุต CSS

รัศมีเส้นขอบ: 10px;

การควบคุมรัศมี

มุมส่วนบุคคล

10px
10px
10px
10px

รัศมีสม่ําเสมอ

10px

รูปร่างด่วน

Units

Presets

Square

โค้งมนเล็กน้อย

Rounded

Pill

Circle

โค้งมนด้านบน

ด้านล่างโค้งมน

โค้งมนซ้าย

วิธีใช้

การควบคุมพื้นฐาน

  • ปรับรัศมีมุมแต่ละมุมโดยใช้แถบเลื่อน
  • เชื่อมโยงรัศมีเพื่อปรับทุกมุมพร้อมกัน
  • ใช้ปุ่มรูปร่างด่วนสําหรับค่าที่ตั้งไว้ล่วงหน้าทั่วไป
  • Choose between pixels (px), percentages (%), and EM (em) units

คุณสมบัติขั้นสูง

  • บันทึกและโหลดค่าที่ตั้งไว้ล่วงหน้าเพื่อการเข้าถึงรูปร่างที่คุณชื่นชอบได้อย่างรวดเร็ว
  • Click รัศมีสุ่มเพื่อแรงบันดาลใจ
  • คัดลอกโค้ด CSS ที่สร้างขึ้นแล้ววางลงในโปรเจ็กต์ของคุณ
  • สลับโหมดมืดเพื่อการออกแบบยามดึกที่สะดวกสบาย

Related Tools

ตัวย่อขนาด CSS

บีบอัดและเพิ่มประสิทธิภาพโค้ด CSS ของคุณด้วยความแม่นยําระดับมืออาชีพ

สร้างการแปลง CSS3 ได้อย่างง่ายดาย

เครื่องมือที่ทรงพลังและใช้งานง่ายสําหรับการสร้างการแปลง CSS3 ที่ซับซ้อนโดยไม่ต้องเขียนโค้ด แสดงภาพการเปลี่ยนแปลงแบบเรียลไทม์และคัดลอก CSS ที่สร้างขึ้นเพื่อใช้ในโครงการของคุณ

Less to CSS Converter

แปลงโค้ด Less ของคุณเป็น CSS รวดเร็ว ง่ายดาย และปลอดภัย

เครื่องมือแปลงแรง

ตัวแปลงแรงเป็นเครื่องมือแปลงหน่วยที่มีประโยชน์ซึ่งช่วยให้คุณเปลี่ยนระหว่างหน่วยแรงต่างๆ ได้อย่างรวดเร็ว

ตัวแปลง CSS เป็น LESS

แปลงโค้ด CSS ของคุณให้เป็น LESS ด้วยตัวแปร การซ้อน และอื่นๆ รวดเร็ว ง่ายดาย และปลอดภัย

ตัวแปลงหน่วยน้ําหนัก

แปลงระหว่างหน่วยน้ําหนักต่างๆ ด้วยความแม่นยําสําหรับความต้องการในการทําอาหาร ฟิตเนส และอุตสาหกรรมของคุณ