06 Desember 2014

Styles of Border Image | Tutorial

Assalamualaikum and
Haii,

Malming ini, aya mau share code html untuk beberapa tipe / styles dari border image.
Semacam border radius tapi lebih berbentuk (?)

Credit for code html ---  under post : )

check it outt







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



Credit : Wana
-----


Okay, just it for tonight.

Btw, hari senin aya akan melaksanakan ulangan umum semester 1.
Jadi, mungkin akan off dulu dari posting blog. 
Kalau liburan sudah di merangkul, baru....  ngeposting lagi  (y)


Wassalamualaikum 
and, 
Paiipaii~



0 Comment:

Posting Komentar

NO HARSH WORDS
please, don't SPAM here!
I'll reply if I didn't busy -.-