Border-Radius adalah salah satu bagian dari CSS3 yang sangat sering saya gunakan, karena dengan border-radius kita dapat membuat suatu sudut menjadi melengkung. Contohnya sudah pernah saya praktekkan pada
"Tutorial - Round Menu With CSS3 (Menu Bulat)".
Berikut cara menggunakan border-radius:
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
-o-border-radius:10px;
-moz-border-radius: 25px 0px 25px 0px;
-webkit-border-radius: 25px 0px 25px 0px;
-khtml-border-radius: 25px 0px 25px 0px;
border-radius: 25px 0px 25px 0px;;
-o-border-radius:25px 0px 25px 0px;
-moz-border-radius: 10px 30px 10px 25px;
-webkit-border-radius: 10px 30px 10px 25px;
-khtml-border-radius: 10px 30px 10px 25px;
border-radius: 10px 30px 10px 25px;
-o-border-radius:10px 30px 10px 25px;
Keterangan:
-moz-border-radius digunakan untuk mozilla firefox;
-webkit-border-radius digunakan untuk chrome dan safari;
-khtml-border-radius digunakan untuk browser lama yang mendukung border-radius;
border-radius digunakan untuk browser baru yang mungkin mendukung border-radius;
-o-border-radius digunakan untuk opera.
Silahkan dikembangkan sesuai dengan selera anda!
Jika anda sedang membutuhkan inspirasi untuk desain Blog anda mungkin anda bisa mengunjungi beberapa situs dibawah ini yang menggunakan desain sederhana untuk dijadikan inspirasi buat blog anda.
1.Kilian muster
Border-Radius adalah salah satu bagian dari CSS3 yang sangat sering saya gunakan, karena dengan border-radius kita dapat membuat suatu sudut menjadi melengkung. Contohnya sudah pernah saya praktekkan pada "Tutorial - Round Menu With CSS3 (Menu Bulat)".