สร้าง CSS Border Radius มุมโค้งแต่ละมุม
ปรับความโค้งของทั้ง 4 มุมแยกกันหรือพร้อมกัน ทำรูปทรงแปลก ๆ แบบ blob ได้ ดูตัวอย่างและคัดลอกโค้ด
เกี่ยวกับสร้าง CSS Border Radius
เลื่อนแถบเพื่อปรับแต่ละมุม หรือติ๊ก “ล็อกทุกมุม” ให้เท่ากัน เลือกหน่วย % เพื่อทำวงรีหรือรูปทรงอิสระ และเปิดโหมด 8 ค่า (แนวนอน/แนวตั้งแยกกัน) เพื่อทำรูปทรง blob ที่นิยมในงานดีไซน์
กด “สุ่มรูปทรง” เพื่อหาไอเดีย แล้วคัดลอกโค้ดไปใช้
คำถามที่พบบ่อย
ทำวงกลมอย่างไร
ใช้ border-radius: 50% กับกล่องที่กว้างเท่าสูง
เครื่องมืออื่นในหมวดนี้
จัดรูปแบบ JSON Base64 เข้ารหัส / ถอดรหัส รูปภาพ ↔ Base64 URL Encode / Decode HTML Entity เข้ารหัส / ถอดรหัส สร้างค่า Hash สร้าง UUID ถอดรหัส JWT ทดสอบ Regex สร้าง Cron แปลง Unix Timestamp จัดรูปแบบโค้ด Markdown Preview แปลงข้อความเป็นเลขฐาน แปลงรหัสสี เช็คคอนทราสต์สี สร้าง CSS Gradient แปลง JSON เป็น CSV แปลง CSV เป็น JSON แปลง YAML ↔ JSON แปลง JSON เป็น TypeScript เข้ารหัส AES สร้างรหัส TOTP (2FA) ตรวจความแข็งแรงรหัสผ่าน สร้าง CSS Box Shadow สี Tailwind สร้างชุดสี คำนวณสัดส่วนภาพ คำนวณ Chmod