4 köşeyi ayrı ayrı ayarlayarak CSS border-radius oluşturun.
border-radius: 10px; width: 200px; height: 200px; background: #4facfe;
CSS border-radius özelliği HTML elemanlarının köşelerini yuvarlatmanızı sağlar. Bu araç ile dört köşeyi ayrı ayrı veya toplu olarak ayarlayabilir, gelişmiş modda yatay ve dikey yarıçapları bağımsız kontrol edebilirsiniz. Oluşturulan CSS kodunu tek tıkla kopyalayıp projenize yapıştırabilirsiniz.
Kaydırıcıları veya sayı girişlerini kullanarak köşe değerlerini ayarlayın. “Köşeler Bağlı” seçeneği açıkken tüm köşeler birlikte değişir. Birim olarak px veya % seçebilirsiniz. Gelişmiş mod ile her köşenin yatay (H) ve dikey (V) yarıçapını ayrı ayrı belirleyerek asimetrik şekiller oluşturabilirsiniz. Hazır şekiller bölümünden tek tıkla preset uygulayabilirsiniz.