Efek Hover 1
20.49
By
Honey Bee Indonesia
Efek Hover 1
0
komentar
Anda Ingin Hover Ketika Diklik Gambar Muncul Gambar Berbeda
Kodenya Di bawah Ini:
Simpan CSSnya Dulu
<style>
#descript a:link {
color: #990000;}
#descript a:hover {
text-decoration: none;
color: #990000;}
#descript a:link span {
display: none;}
#descript a:hover span {
position:absolute;
display: inline;
margin: 0 0 0 10px;
-webkit-animation:aniload 3s;
-moz-animation:aniload 3s;
-ms-animation:aniload 3s;
-o-animation:aniload 3s;
animation:aniload 3s;}
@-webkit-keyframes aniload {
from {-webkit-transform:translate(0px, 1000px)}
to {-webkit-transform:translate(0px, 0px)}
}
@-moz-keyframes aniload {
from {-moz-transform:translate(0px, 1000px)}
to {-moz-transform:translate(0px, 0px)}
}
@-ms-keyframes aniload {
from {-ms-transform:translate(0px, 1000px)}
to {-ms-transform:translate(0px, 0px)}
}
@-o-keyframes aniload {
from {-o-transform:translate(0px, 1000px)}
to {-o-transform:translate(0px, 0px)}
}
@keyframes aniload {
from {transform:translate(0px, 1000px)}
to {transform:translate(0px, 0px)}
}
</style>
Lalu Sekarang Simpan Kode HTMLnya dimana Saja Seseuai Anda Inginkan
<div id="descript">
<a href="https://www.blogger.com/blogger.g?blogID=8049220762892332524#">
</a><br />
<div align="center">
<a href="https://www.blogger.com/blogger.g?blogID=8049220762892332524#"><img src="http://1.bp.blogspot.com/-RNWsZCvweJE/UpQ664ILxxI/AAAAAAAAAns/9Fh6IPmH8cI/s1600/Jewl1CLR.gif" height="80" width="300" /></a></div>
<a href="https://www.blogger.com/blogger.g?blogID=8049220762892332524#">
<img height="165" src="https://lh3.googleusercontent.com/-de8idjMDrmg/VMxBcOiWTuI/AAAAAAAAA_g/FJQO6OuG1SU/s125-no/Untitled-1.jpg" width="240" /></a></div>
<a href="https://www.blogger.com/blogger.g?blogID=8049220762892332524#">
</a><br />
<div align="center">
<a href="https://www.blogger.com/blogger.g?blogID=8049220762892332524#"><img src="http://1.bp.blogspot.com/-RNWsZCvweJE/UpQ664ILxxI/AAAAAAAAAns/9Fh6IPmH8cI/s1600/Jewl1CLR.gif" height="80" width="300" /></a></div>
<a href="https://www.blogger.com/blogger.g?blogID=8049220762892332524#">
<img height="165" src="https://lh3.googleusercontent.com/-de8idjMDrmg/VMxBcOiWTuI/AAAAAAAAA_g/FJQO6OuG1SU/s125-no/Untitled-1.jpg" width="240" /></a></div>
Keterangan :
Warna hijau ganti dengan URL Gambar Anda
Yang alt="..." itu isi dengan bacaan yang ingin ditampilkan..
3. Selasai sudah
4. Tinggal Simpan
0 komentar: