Kenar yuvarlama oluşturucu

Geliştirici yardımcı araçları

Her köşe için CSS border-radius değerlerini piksel veya yüzde olarak önizleyin ve kopyalayın.

Nasıl kullanılır

Round the corners

Enter a value for each corner and choose pixels or percent. The preview updates as you type.

Enter top-left, top-right, bottom-right and bottom-left values.
Choose px or percent.
Copy the border-radius declaration.

Percent units

Percentages are relative to the box size, so 50% on a square creates a circle and on a rectangle creates an ellipse.

Sık sorulan sorular

Can corners differ?

Yes. Each corner has its own input, allowing asymmetric rounded shapes and leaf-like corners.

Does it support elliptical syntax?

The generated value uses the single-radius-per-corner form. Add a slash manually if you need horizontal and vertical radii.

İlgili araçlar

CSS kutu gölgesi oluşturucu Kayma, bulanıklık, yayılma ve renk kaydırıcılarıyla kutu gölgeleri oluşturun ve CSS'i kopyalayın. CSS gradyan oluşturucu Canlı önizleme ve kopyalanmaya hazır CSS ile doğrusal veya radyal CSS gradyanları tasarlayın. CSS Biçimlendirici Her satırda bir özellik ve tutarlı girinti ile CSS'i güzelleştirir. UUID / GUID Üretici Rastgele sürüm 4 UUID'ler üretir ve bunları tek tek veya toplu olarak kopyalar. Karma Üretici Herhangi bir metnin MD5, SHA-1, SHA-256 ve SHA-512 özetlerini hesaplar. Zaman Damgası Dönüştürücü Unix zaman damgaları, ISO 8601 ve okunabilir yerel tarihler arasında dönüştürür.