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 css
gan nanya dong gw mau kasih efek tulisan warna merah di class dua pas kita ngehover class satu. gmn ya caranya?
5 Jawaban:
*gan berikutnya taro kode di tag kode, bukan sebagai gambar
.satu:hover dua{
color:red;
}
masih belum bisa. tapi yg saya pengen antara class dengan class apakah ga bisa??
*gan sekali lagi pake tag code, bukan gambar kalo mau taro kode, biar yang lain bisa copypaste buat nyoba buat pertanyaan agan yang benar pake tanda + , jadi
satu:hover + dua{ .. }
<style>
.img {
width: 450px;
height: 360px;
background-image: url(calc.jpg);
}
.button {
width: 100px;
height: 50px;
background-color: cadetblue;
}
.button:hover {
background-color: crimson;
}
.button:hover + .img{
background-image: url(calc2.jpg);
}
</style>
<div class="img"></div>
<div class="button">adssad</div>
gan pas hover buttonnya ko imagenya g berubah ya
Jawaban Terpilih
belajar lagi gan diulang-ulang bagian ini https://www.sekolahkoding.com/kelas/belajar-css-dari-dasar/video/selektor-bagian-kedua
/*-- kalo div2 ada di dalem div 1 langsung --*/
#div1 > #div2 { background-color: yellow; }
/*-- kalo div2 ada SETELAH div1 langsung --*/
#div1:hover + #div2 { background-color: yellow; }
/*-- kalo div2 ada di dalem div 1 (walaupun tidak langsung) --*/
#div1:hover #div2 { background-color: yellow; }