Tutorial : Image Border Shadow ( Simple template )
Tuesday 13 December 2011 | 23:01 | 0comments
assalamualaikum . hari nie nak buat tutorial image border shadow . direquest oleh adek syeira . untuk simple template sahaja okay . template lain tak pasti lhaa boleh or tak . okay jom mula sekarang :
1. Dashboard -> Design -> Edit HTML * Tick Expand Widget
2. Seacrh code di bawah nie :
h2 {3. Dah jumpa ? Bagus . Sekarang copy code bawah nie then paste di bawah code h2 { tadi :
-webkit-transition-duration:.4s;} img:hover { filter: aplha(opacity=100); opacity: .1.0; -webkit-box-shadow: 0px 0px 30px #FA5882; -moz-box-shadow: 0px opx 30px #FA5882; -webkit-border-top-right-radius:20; -webkit-border-top-left-radius:20; -webkit-border-bottom-right-radius:20; -webkit-border-bottom-left-radius:20;}img:hover {filter: aplha(opacity=80); opacity: 80; border: 1px dashed #585858; border-radius: 40px; -moz-border-radius: 40px;}
p/s : warna merah untuk warna shadow & warna biru untuk border . cari code warna di sini .
4. dah siap ? save jea lhaa . * kalau tak boleh sila inform okay .
credit : kemetotcomel
Labels: Tutorial
