W3.CSS Hoverable Borders

 

w3-hover-border-(color) 클래스는 마우스 오버에 테두리의 색상을 변경 :

 

예)
<div class="w3-panel w3-border w3-hover-border-red">
  <p>Border that turns red on hover</p>
</div>

<div class="w3-panel w3-border w3-border-red w3-hover-border-green">
  <p>Red border that turns blue on hover</p>
</div>