Tuesday, June 12, 2012

CSS Membuat Border Radius

Posted by dav On 6:28 AM
CSS Membuat Border Radius - CSS lagi nich, kali ini kita membuat Border Radius yang bisa kalian modifikasi dengan hanya mengganti nilainya saja. Menurut beberapa pendapat "border-radius" adalah anak emas CSS3 - properti baru pertama untuk penggunaan secara luas di masyarakat. Apa ini berarti termasuk Internet Explorer 8 dan di bawah ini, semua browser dapat menampilkan sudut dibulatkan. Kurang lebih begitu. 

Sebelumnya, hal itu perlu menggunakan awalan vendor untuk kedua WebKit dan Mozilla, agar gaya yang akan diterapkan dengan benar dan bisa sesuai dengan yang kita harapkan ketika ditampilkan pada Web Browser User.



-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;




border-top-left-radius: 20px;
border-top-right-radius: 0;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 0;

Pada kode diatas, menetapkan  border-top-right-radius  dan  border-bottom-left-radius nol akan berlebihan, kecuali unsur ini harus diatur kembali nilai-nilainya.

Oke sekian dulu, silahkan dicoba.