1/08/2014

Image style by using various border-radius trick!

1/08/2014

gambar contoh asal - not mine


<img src="IMAGE URL" width="200" style="-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; " />

<img src="IMAGE URL" width="200" style="-webkit-border-radius: 50%; -webkit-border-bottom-left-radius: 0;-moz-border-radius: 50%;-moz-border-radius-bottomleft: 0;border-radius: 50%; border-bottom-left-radius: 0;" />

<img src="IMAGE URL" width="200" style="-webkit-border-radius: 50%; -webkit-border-bottom-right-radius: 0; -moz-border-radius: 50%; -moz-border-radius-bottomright: 0;border-radius: 50%; border-bottom-right-radius: 0;" />

<img src="IMAGE URL" width="200" style="-webkit-border-radius: 50%; -webkit-border-top-right-radius: 0; -moz-border-radius: 50%; -moz-border-radius-topright: 0; border-radius: 50%; border-top-right-radius: 0;" />

<img src="IMAGE URL" width="200" style="-webkit-border-radius: 50%; -webkit-border-top-left-radius: 0; -moz-border-radius: 50%; -moz-border-radius-topleft: 0; border-radius: 50%; border-top-left-radius: 0;" />