[HTML_CSS] 마우스 호버 효과 주기(hover)

HTML

<tr class="hover"></tr>

 

 

CSS

  .hover {
    transition: background-color 0.3s ease;  //부드럽게 변환
  }
  
  .hover:hover{
  	background-color: lightgray; //마우스 올렸을때 색 변환
  }

 

 

아래는 결과

이렇게 마우스 올렷을때 회색효과 나타남