Tutorial : Image Animation Shadow
Tuesday, May 31, 2011 // Tuesday, May 31, 2011
Adoihhh ! letih meyh buat tuto ni ! tapi disebabkan ade orang - orang yang mintak aku buat tuto aku buat lahh :) hrmm .. tuto ni
sha yang mintak ;)
Mula - mula pegi dekat :
Dashboard >> Design >> Edit HTML
lepastu , cari code bawah niyy :
.post-body img, .post-body .tr-caption-container
dah ? kalau dah , copy code bawah niyy :
-webkit-transition-duration:.4s;} img:hover {filter: alpha(opacity=100); opacity: .1.0; -webkit-box-shadow: 0px 0px 50px #FFFFFF; -moz-box-shadow: 0px 0px 50px #FFFFFF; -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=80); opacity: .80; border: 1px dashed #FFFFFF; border-radius: 50px; -moz-border-radius: 50px;}
then , paste kan code diatas niyy dekat .post-body img, .post-body .tr-caption-container
#FFFFFF : korang boleh tukar colour yang korang nak dekat sini
SAVE ! dah siap :DD
P/s : nak copy codes ( CTRL + C ) keyy ? ^.^
Labels: Story, Tutorial
Tutorial : Image Animation Shadow
Tuesday, May 31, 2011 // Tuesday, May 31, 2011
Adoihhh ! letih meyh buat tuto ni ! tapi disebabkan ade orang - orang yang mintak aku buat tuto aku buat lahh :) hrmm .. tuto ni
sha yang mintak ;)
Mula - mula pegi dekat :
Dashboard >> Design >> Edit HTML
lepastu , cari code bawah niyy :
.post-body img, .post-body .tr-caption-container
dah ? kalau dah , copy code bawah niyy :
-webkit-transition-duration:.4s;} img:hover {filter: alpha(opacity=100); opacity: .1.0; -webkit-box-shadow: 0px 0px 50px #FFFFFF; -moz-box-shadow: 0px 0px 50px #FFFFFF; -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=80); opacity: .80; border: 1px dashed #FFFFFF; border-radius: 50px; -moz-border-radius: 50px;}
then , paste kan code diatas niyy dekat .post-body img, .post-body .tr-caption-container
#FFFFFF : korang boleh tukar colour yang korang nak dekat sini
SAVE ! dah siap :DD
P/s : nak copy codes ( CTRL + C ) keyy ? ^.^
Labels: Story, Tutorial
dreaming of what could be,
and if i'll end up happy, i will pray.