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