Tutorial:Image Animation Shadow

Hello,ok..ni tutorial aq yg pertama..so hope sgt2 berjaya...:)..so kita jgn byk sangat membebel nnt x siap...Lets us start the tutorial..

Mula2 prg dkt:


Dashboard >> Design >> Edit HTML


lepas tu cari code yg ada d bwh ni:


.post-body img, .post-body .tr-caption-container
cara nak cari mcm ni : CTRL+F


Okay,lepastu, copy code dibwh..


-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 tu ^ dkt .post-body img, .post-body .tr-caption-container


#FFFFFF : korang boleh tukar colour yang korang nak dekat sini


SAVE then dah siapp... :)