Cara Membuat Sudut Melengkung dengan CSS

css3

Cara membuat sudut dalam <div> melengkung:
.contoh1{
    -border-top-left-radius: 10px !important; /*sudut kiri atas.*/ 
    -border-top-right-radius: 10px !important; /*sudut kanan atas.*/ 
    -border-bottom-right-radius: 10px !important; /*sudut kanan bawah.*/ 
    -border-bottom-left-radius: 10px !important; /*sudut kiri bawah.*/
}

.contoh2{
    -moz-box-shadow: 0 0 15px #999;
    -webkit-box-shadow: 0 0 15px #999;
    -o-box-shadow: 0 0 15px #999;
    box-shadow: 0 0 15px #999;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    -moz-border: 3px solid #009900;
    -webkit-border: 3px solid #009900;
    -o-border: 3px solid #009900;
    border: 3px solid #009900;

}

To be continue...




Sekian, terimakasih atas kunjungannya.
Salam,
PHP Aku : Membangun web terorganisasi dan mudah dimengerti, contoh tutorial dengan menggunakan HTML, CSS, JavaScript, SQL, PHP, dan XML.


EmoticonEmoticon