Tutorial:Image Hover(Ade Muncung)

Hye..salam..i'm back..dh lme x update tutor kan.hihi..sbb tunggu request cursor tu...urmm x ramai..tpi ade jgk lah sudi nak req..hihi..okay hri ni sye nak ajr image hover(ade muncung)..muncung kat tepi klo x phm..tengok gambar bawah ni..

credit: choco

1.Dashboard >Template

2.Press CTRL+F srentak cri kod nie :img} or </style>

3.Copy kod bawah nie..

.img{opacity: 0.3;-webkit-transition-duration: .99s;-moz-transition-duration: .99s;transition-duration: .99s;width:300px;height:300px;}
img:hover{opacity: 0.99;border-radius:9999px 9999px 0px 9999px;-webkit-transition-duration: .99s; -moz-transition-duration: .99s; transition-duration: .99s;-webkit-transform: scale( -1.5) rotate( 540deg);-moz-transform: scale( -1.5) rotate( 540deg);}

4.Pastekan kat BAWAH OR ATAS kod yang korg cri tadi

5.Save & Preview