Sunday 4 August 2013

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!

No comments:

 
Copyright © 2013-2017 By Anugerah Mullia Ulfa Salsabella. All Rights Reserved.