Tutobies section by NF


THE OWNER


WeChat


Tilt Image Hover
Saturday, November 24, 2012 • 5:42 PM • 0 comment{s}


This is the live preview.

Assalamualaikum.

Cuba korang hover gambar yang kat atas tu. Dye pusing sebelah kanan kan? Hari nie saya nak ajar korang la nie ^^ btw kod nie saya godek2 plus search kat google :) so big thanks to pak cik google :D

Classic Template

  • Dashboard > Template
  • Ctrl+F, cari kod img {
  • Kalau korang ade kod img { atau sama jenis dengannya, padam kod tersebut dan gantikan kod di bawah
  • Paste kat atas </style>

Template Designer

  • Dashboard > Template > Edit HTML > Proceed
  • Ctrl+F, cari kod img {
  • Kalau korang ade kod img { atau sama jenis dengannya, padam kod tersebut dan gantikan kod di bawah
  • Paste kat atas kod /* Header
img {
border:0px solid #ddd;
padding:3px;
-webkit-transition: .5s;
}

img:hover {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
}


  • Preview and save! 
Kalau nak share tutorial nie, bagitau dulu and jangan lupa kredit if korang guna tutorial nie :D