Tooltip 툴팁 css 디자인 바꾸기

툴팁 만드는 법은 매우 간단하다. 그냥 title만 넣어주면 된다.

 

<span title="툴팁텍스트는 여기에 적으면 된다.">툴팁</span>

 

툴팁 디자인을 바꾸기 위해 css로 만들어서 모양을 예쁘게 꾸며서 만들 수도 있다.

기능이 그냥 hover 했을 때 옆에 뜨면 그만이니 간단하게 만들어 줄 수 있다.

 

See the Pen by kim oya (@ttuttu) on CodePen.