CSS Border Radius Oluşturucu

border-radius, CSS'de en sık kullanılan özelliklerden biridir. Basit yuvarlak köşelerden organik şekillere kadar çeşitli kullanım alanlarına sahiptir.

border-radius Sözdizimi

/* Tüm köşeler eşit */
border-radius: 8px;

/* Her köşe ayrı (saat yönünde: sol-üst, sağ-üst, sağ-alt, sol-alt) */
border-radius: 8px 16px 8px 16px;

/* Elips köşe */
border-radius: 50% / 30%;

Tasarım Trendleri

• Squircle: border-radius: 30% — iOS uygulama simgesi stili
• Neumorphism: Büyük border-radius + gölgeler
• Pill: border-radius: 9999px (tam hap şekli)

UX'te border-radius

• Temel butonlar: 4-8px (profesyonel)
• Hap butonlar: 9999px (modern)
• Kartlar: 8-16px (yumuşak)
• Modallar: 12-24px (arkadaşça)