Border-Radius

oleh : nama unik

border-radius adalah sebuah kode pada CSS3 yang membuat sudut menjadi melengkung (menurut Nano). Mungkin dimaksud pengembang CSS3 disini untuk mengurangi penggunaan gambar pada sebuah tampilan situs atau blog.

Cara membuatnya

contoh semua sudut:

border-radius:10px; -moz-border-radius:10px; /*untuk mozilla*/ -webkit-border-radius:10px; /*safari dan chrome*/ -o-border-radius:10px; /*opera*/

Demo

Bisa juga cuma satu sudut atau dua sudut atau tiga sudut.

ini referensi singkat tiap sudutnya:

border-radius:5px 10px 15px 25px; -moz-border-radius:5px 10px 15px 25px; /*untuk mozilla*/ -webkit-border-radius:5px 10px 15px 25px; /*safari dan chrome*/ -o-border-radius:5px 10px 15px 25px; /*opera*/

Nano Yulianto

ukuran pertama = kiri atas

ukuran kedua = kanan atas

ukuran ketiga = kanan bawah

ukuran keempat = kiri bawah

Atau dikombinasikan:

border-radius:10px 0 10px 0; -moz-border-radius:10px 0 10px 0; /*untuk mozilla*/ -webkit-border-radius:10px 0 10px 0; /*safari dan chrome*/ -o-border-radius:10px 0 10px 0; /*opera*/

Nano Yulianto

Semuanya tergantung kreasi sahabat semua...

Semoga Bermanfaat...

Alhamdulillah

Posted by Unknown - Rating: 4.5

Title : Border-Radius
Description oleh : nama unik, border-radius adalah sebuah kode pada CSS3 yang membuat sudut menjadi melengkung (menurut Nano). Mungkin dimaksud pengembang CSS3 disini unt...

Share to

Facebook Google+ Twitter