Tutorial : Image Animation Shadow

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 ? ^.^

(credits : Amylia )