image hover * 7
Assalamualaikum ! Hello ! Hai ! Bonjour !
Hello! Ari nie dirah dah kat umah! dah blik dri GANU pastu MUAR ! kalo org muar ckp 'MUO' .. sye kturunan MUO ! K..ari nie nk ajo cre buat hover image kluar ayt..mcm dirah punye..yg STAR OWNER tuh...K,nah ..
Before :
Hovering :
After :
Template Designer : Paste dekat Html/Javascript
Blogskins : Paste dekat bawah </style>
<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="URL IMAGE"></div></td>
</tr></table>
Kuning : Ayat korg
MERAH : Url Image
Labels: hover, image, image hover, tuto
 image hover * 7
Assalamualaikum ! Hello ! Hai ! Bonjour !
Hello! Ari nie dirah dah kat umah! dah blik dri GANU pastu MUAR ! kalo org muar ckp 'MUO' .. sye kturunan MUO ! K..ari nie nk ajo cre buat hover image kluar ayt..mcm dirah punye..yg STAR OWNER tuh...K,nah ..
Before :
Hovering :
After :
Template Designer : Paste dekat Html/Javascript
Blogskins : Paste dekat bawah </style>
<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="URL IMAGE"></div></td>
</tr></table>
Kuning : Ayat korg
MERAH : Url Image
Labels: hover, image, image hover, tuto
|
You can request here