Kısa bir şekilde CSS border-radius kullanımı ile ilgili bilgiler vereceğim.

border-radius bir html elementinin kenarlarına yarıçap değeri verir ve kenarlar keskin olmak yerine yuvarlak şekilde oluşur, estetik bir görünüm sağlar.

4 adet değişken eklenebilir değişkenler köşelere saat yönünde etki eder yani sol üst, sağ üst, sağ alt, sol alt

Animasyon eklenebilir.

Javascript yapısı;

object.style.borderRadius="25px"

4 değişkenli kullanım;

border-radius: 15px 50px 30px 5px;

__________________________________________________ ___________

3 değişkenli kullanım;

İlk değişken sol üst köşeye, ikinci değişen sağ üst ve sol alt köşeye, üçüncü değişken sağ alt köşeye uygulanır.

border-radius: 15px 50px 30px;

__________________________________________________ ____________

2 değişkenli kullanım;

border-radius: 15px 50px;

İlk değişken sol üst ve sağ alt, ikinci değişken sağ üst ve sol alt köşeye uygulanır.

__________________________________________________ ____________

1 değişkenli kullanım;

border-radius: 15px;

Bütün kenarlara 15px uygulanır.