Hover got something behind image

Penulis : Unknown Masa : 07:43 Comments : 0 Labels :
Tak faham title kat atas tu ??
- oke , ni aina ambik daripada CIKSWETY
hover got something behind image ni cam bila korang sentuh image tu tiba-2 die kelua bende . -,- :O mesti korang tak fhm . tau dahhh
tk bawah niii

*sebelum cursor menyentuh *

*bila cursor menyentuh *


haaa ! begituuu . fhm ? kalau tak faham tak tau lah nak ckp camne dah . apakata korang tryyy :)
aina dah lma cari tuto nii akhirnya jumpa jugak <3 thank cik diella 

1 . dashboard - add gadget - htmljavascript
copy code ni . then paste kan di ruangan java/script tuu ye adik/kaka manis .
<style type="text/css"> #side{margin-right:-1px;width:250px;height:150px;overflow:hidden;}#text{text-align:center;width:250px;height:200px;padding:5px;overflow:auto;color:#363636;background-color:#fff;}
#picture{margin-left:-280px;width:280px;height:220px;overflow:hidden;-webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;}#side:hover #picture{margin-left:-550px;}</style><table id="side" border="0" cellpadding="0" cellspacing="0" ><tr><td><div id="text">You can put anything at here.</div></td><td><div id="picture"><img src="YOUR IMAGE"></div></td></tr></table>
nota kaki :
merah : korang boleh letak kode ke . perkataan ke . sukati korang laaa .
biruu : code image korang .
thank you for reading

No comments: