Css - Table alanlarını hover'a göre blur yapmak
Merhaba,
İstediğim şu...
Bir table düşünün mouse bir alana geldiğinde diğer alanın blur olmasını istiyorum. Bunu nasıl yapabilirm?
<table>
<thead>
<tr>
<th>Başlık 1</th>
<th>Başlık 1</th>
<th>Başlık 1</th>
<th>Başlık 2</th>
<th>Başlık 2</th>
<th>Başlık 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>Alan 1</td>
<td>Alan 1</td>
<td>Alan 1</td>
<td>Alan 2</td>
<td>Alan 2</td>
<td>Alan 2</td>
</tr>
<tr>
<td>Alan 3</td>
<td>Alan 3</td>
<td>Alan 3</td>
<td>Alan 4</td>
<td>Alan 4</td>
<td>Alan 4</td>
</tr>
</tbody>
</table>
Demek istediğim resimdeki gibi;
A bloğuna mouse gidiyorsa blogda bulunan tüm sütunlar açık,
B bloğu ise blur olmalı. B blog içinde aynısı... Mouse yoksa blur olmamalı.
Ayrıca desteğin için teşekkürler.
