CSS hover kullanımı

Maraza25 · 21 Nisan 2021

Merhaba, ben internet sitesinde 1. kutunun üstüne gelindiğinde 1.ve 2. kutunun beraber renk değiştirmesini istiyorum. Bunu CSS ile nasıl yapabilirim?

yone1108 · 22 Nisan 2021

1. kutunun CSS kodu örnek kutubir
.kutubir:hover{color:red;}

2. kutunun CSS kodu örnek kutuiki
.kutuiki:hover{color:blue;}

isaeken · 23 Nisan 2021

İki kutununda aynı anda renk değiştirmesini istiyorsan; ikisini başka bir kutu içerisine alabilir veya JavaScript kullanarak yapabilirsin. Başka bir kutu içerisinde yapman için örnek:
[CODE lang="html" title="HTML"]<div class="kutu1">
<div class="kutu2"></div>
<div class="kutu3"></div>
</div>[/CODE]
[CODE lang="css" title="CSS"].kutu1:hover .kutu2, .kutu1:hover .kutu3 {
background-color: red;
}[/CODE]

CSS hover kullanımı

Ayrıntılı düzenleme

Maraza25

Hectopat

yone1108

Decapat

isaeken

Kilopat

Benzer konular

Technopat Haberler

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz