Tutorial Gambar Senget di Blogskin


sebelum dihalakan cursor

selepas dihalakan cursor
Hey hey there!! Gong Xi Fa Chai yea..Ok tuto kali ni Diya nak share ngan korang ,bila kita halakan cursor dekat gambar,gambar tu jadi senget? Nak try? Jom


1.Pergi>> Template

2.Serentak tekan CTRl+F dab cari kod body {

3.Paste kod di dekat atas kod yang dicari di step 2

img{ margin: 20px; border: 5px solid #eee; -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }img:hover{ -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -o-transform: rotate(-7deg); }
4.Preview dan save!

Thanks :Atin

2 comments:

  1. Woah Thank u so much. Tapi kan sampai shoutbox icon pon nak senget jugok. hehe .

    ReplyDelete
  2. Waaaawawa >< Jadii , cantik laa . Jadi kotak2 pulakk ! >< Best ! Thanks Diyaa ! =)

    ReplyDelete

What do you think? Leave a comment :)