Cara Membuat Efek Melengkung (-Border-Radius) Dengan CSS3

Pada kesempatan kali ini, saya ingin mengajak anda untuk mengerti "Bagaimana Cara Membuat Efek Melengkung (-Border-Radius Dengan CSS3)". Oke langsung saja berikut langkah-langkahnya
1. Login ke blog anda --> Rancangan --> Edit HTML..
Semisal anda ingin memberikan kode ini pada footer
Cari kode #footer-wrapper kemudian masukkan kode berikut

-webkit-border-top-left-radius: 150px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 150px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 150px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 150px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 150px;
border-top-right-radius: 0px;
border-bottom-right-radius: 150px;
border-bottom-left-radius: 0px;

"-webkit-border-radius" digunakan untuk Webkit browsers, "-moz-border-radius" untuk Firefox dan "border-radius" untuk Opera.

Maka akan menjadi kurag lebih seperti itu...
Semoga membantu dan selamat mencoba...

Tweet

Artikel Terkait: