08 / 01 / 2014

Image style by using various border-radius trick!

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;" />
»
«
»
«

A personal & design blog based in Malaysia. Blog is still under construction but enjoy your visit!

Search this blog

category

Blogging Personal Tutorials Freebies Category Category

subscribe this blog

My Bloglist

Sponsor


Random post from this blog



© 2011-2017 WANASEOBY.COM