Hover Image Got Something vers 4

Assalamu'alaikum.

Tutorial ini di request oleh seseorang xD siapa dia? ada deh :p

Haha bercanda ._.v Di request oleh Aichi. Tuto ini juga salsa dapetin kodenya dari blog Zahra.

Bentuknya kayak apa sih?

Coba kamu lihat sebelah kanan blog ini >>
Ada gambar Hello Kitty kan? coba kamu arahkan kursor kamu kesana! Keluar tulisan kan? Itu lah ^^

• 
• Copy semua kode ini.

<style>#ck{

background:#FBEFF2;

color:#000;

width:270px;

height:200px;

margin-top:-210px;

padding-left:0.5px;

padding-right:0.5px;

padding-bottom:0.5px;

padding-top:5px;

opacity:.0;

-webkit-transition:all .5s ease-in-out; }

#ck:hover{opacity:.7}</style>

<div style="text-align:center;"><img height="200";width="300" src="URL Gambar-mu" width="250" /><br />

<div id="ck"><br />Bla bla bla

<br />

Bla bla bla

<br />

Bla bla bla 

<br />

Bla bla bla

<br />

Bla bla bla</div></div>

    Adjust code :

- Merah : Ganti dengan URL Gambar kesukaanmu.

- Biru : Ganti denga kalimat apapun sesukamu :)

• Paste-kan di ruang HTML/JavaScript tadi.
• Lalu save!

Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest