[CSS] css로 툴팁 만들기 (tooltip)

 

UI 라이브러리를 만들면 가져다 쓰면 되겠지만... CSS로 만드는 것도 어렵지는 않다.

특정 부분에 마우스 오버 (롤오버, hover) 하면 툴팁박스가 나오는 간단한 예제.

HTML 속성으로 사용할 수도 있지만 커스텀이 필요한 경우 만들어 쓸 수 있다.

삼각형은 이미지로 붙여도 되고, 가상요소 (::after, ::before) 를 이용해도 된다. 

 

 

---

 

아래 code sandbox를 참조 👀