Border Radius CSS

Mau tahu gimana cara membuat border radius atau membuat lancip pada suatu persegi dengan menggunakan CSS (Cascading Style Sheet) berikut ini solusinya.

Untuk Melihat mengenai sekilas script CSS yang digunakan mengenai membuat lancip pada suatu persegi atau juga dapat digunakan untuk object gambar maka lihat script di bawah ini.






style.css

.leftTopRadius{
   width:150px;
   height:150px;
   background:#CCCCCC;
   margin:5px;
   float:left;
   -webkit-border-top-left-radius: 50px;
   -moz-border-radius-topleft: 50px;
   border-top-left-radius: 50px;
}
.rightTopRadius{
   width:150px;
   height:150px;
   background:#CCCCCC;
   margin:5px; float:left;
   -webkit-border-top-right-radius: 50px;
   -moz-border-radius-topright: 50px;
   border-top-right-radius: 50px;
}
.leftDownRadius{
   width:150px;
   height:150px;
   background:#CCCCCC;
   margin:5px;
   float:left;
   -webkit-border-bottom-left-radius: 50px;
   -moz-border-radius-bottomleft: 50px;
   border-bottom-left-radius: 50px;
}
.rightDownRadius{
   width:150px;
   height:150px;
   background:#CCCCCC;
   margin:5px;
   float:left;
   -webkit-border-bottom-right-radius: 50px;
   -moz-border-radius-bottomright: 50px;
   border-bottom-right-radius: 50px;
} 

Silahkan Download  untuk lebih lengkapnya kemudian bongkar Sourcode'ya kemudian pahami script CSS (Casecading Style Sheet) untuk membuat lancip suatu kota yang ada di dalamnya.

Klik Here To Download

Tweet