Css3 Border Radius (Kenar yumuşatma) Ders 1

Merhaba,

Css3 derslerimize başlıyoruz. İlk olarak border yapısına tekrar değineceğiz.

Mevcutta border yapısını kullandığımızda elementlerin kenarları köşeli olmaktadır. Dilersek Css3 kullanarak bu köşeleri ovalleştirebiliriz. Peki nasıl mı ?

Hemen bir örnek yapalım.

 

Burada border-radius özelliği ovalliğin ne kadar olacağını söylemektedir. Değer 0 dan başlar ve yukarı doğru çıkar. İçerisinde tek satır yazı bulunacak bir div için maks değer 15- 20 iken 50 satırık bir yazı için 150 olabilir bu değeri görsel ihtiyacınıza göre kendiniz belirleyebilirsiniz.

Örnekte kullanılan kodun tamamı:

 

İyi Günler Dilerim,

0 cevaplar

Cevapla

Want to join the discussion?
Feel free to contribute!

Bir Cevap Yazın