Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
efek hover pada foto
mau tanya cara agar foto di hover lalu berubah ganti foto lain gimana yaa..??tolong minta contoh trimakasih
0
5 Jawaban:
kalau hover di css yang bisa diganti itu gan cuma background yang pakai gambar, kalau mau lebih keren lagi pakai jquery
0
<style type="text/css">
.img{
width:100px;
height:100px;
background: url('1.jpg');
transition: background 2s;
}
.img:hover{
background: url('2.jpg');
}
</style>
<div class="img">
</div>
0
Jawaban Terpilih
coba gini gan :)
<div class="sektor">
<img src="gambar1.jpg" class="img-1" alt="" />
<img src="gambar2.jpg" class="img-2" alt="" />
</div>
.sektor{
position: relative;
width:300px;
height: 300px;
z-index:3;
overflow:hidden;
}
.img-1,.img-2{
position: absolute;
top:0;
left:0;
width:100%;
z-index:1;
transition:all 1s;
}
.sektor:hover .img-1{ z-index:2;
}
0