Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
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
