Kamis, 25 Agustus 2011

cara membuat Image Hover Bentuk Round



Caranya:


Dashboard >>Design >>Edit HTML

Cari kode:
/* Header

Pastekan kode ini diatasnya;

*------ IMAGE HOVER ROUND------*/
img {filter:alpha(opacity=100);-webkit-transition-duration:.5s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 20px #000000; -moz-box-shadow: 0px 0px 20px #000000; -webkit-border-top-right-radius:30; -webkit-border-top-left-radius:30; -webkit-border-bottom-right-radius:30; -webkit-border-bottom-left-radius:30;}img:hover {filter: alpha(opacity=60); opacity: .60; border: 1px solid#000000; border-radius: 50px; -moz-border-radius: 50px;}-moz-opacity:1.0;opacity:1.0;}img:hover {filter:alpha(opacity=80);-moz-opacity:0.80;opacity:.80;}u {text-decoration:underline;border-bottom: 2px dotted #FFFFFF;padding: 0px;}

- Merah itu warna round nya.
- Pinky itu warna bordernya, ganti pakai:  dotted atau solid atau dashed atau inset atau outset

PREVIEW DULU !!! Kalau puas, click Save Tempelate :)


Credit toPrincess Lettha

0 komentar:

:10 :11 :12 :13 :14 :15 :16 :17
:18 :19 :20 :21 :22 :23 :24 :25
:26 :27 :28 :29 :30 :31 :32 :33
:34 :35 :36 :37 :38 :39

Poskan Komentar

Related Posts Plugin for WordPress, Blogger...