웹 개발 기본 & 디자인

[용어정리] 호버

Data Jun 2025. 12. 6. 11:50

웹이나 앱을 사용하다 보면 어떤 버튼이나 카드 위에 마우스를 올리기만 해도
색이 변하거나 그림자가 생기는 경우가 있습니다.
이처럼 마우스를 요소 위에 올려놓았을 때 발생하는 상태를 바로 **호버(Hover)**라고 합니다.

 

1. 호버(Hover)의 의미

마우스 커서를 UI 요소 위에 올려놓았을 때의 상태 변화

 

클릭하지 않아도 UI가 즉시 반응해
사용자에게 “여기는 상호작용할 수 있는 요소입니다”라는 신호를 주는 역할을 합니다.

 

2. 호버의 대표적인 예

  • 버튼 색이 밝아지거나 진해짐
  • 카드에 그림자가 생기며 떠 보임
  • 링크 색상이 바뀜

이 모든 것이 호버 상태입니다.

 

 

정리하면

 

호버란, 마우스를 요소 위에 올려놓았을 때 나타나는 UI 반응을 의미하며,
클릭 가능성을 알려주는 기본적인 인터랙션 상태이다.