툴팁
Tooltip
마우스를 올리면 작은 말풍선으로 설명이 뜨는 것이에요.
💡 물건에 붙어 있는 작은 이름표 같아요.
👆 직접 눌러 보기
진짜로 동작해요. 눌러 보고 움직여 보세요.
CSS마우스를 올리면(hover) / 키보드로 선택하면(focus) 보여요
🤖 AI에게 이렇게 말해 보세요
아이콘 버튼마다 툴팁(Tooltip)을 달아 줘. 마우스를 올리면 버튼 위에 검은 말풍선으로 기능 이름이 0.2초 뒤에 나타나게 해 줘.
핵심은 ‘Tooltip’라는 단어예요. 이 단어를 넣으면 AI가 훨씬 정확하게 알아들어요.
📌 알아 두면 좋아요
클릭하면 뜨고 안에 버튼까지 넣을 수 있는 더 큰 말풍선은 '팝오버(Popover)'라고 해요.
이럴 때 써요
- 아이콘만 있는 버튼이 무슨 기능인지 알려 줄 때
- 어려운 단어에 설명을 달 때
이렇게도 불러요: 말풍선, 설명 풍선, 마우스 올리면 설명, 팝오버, popover, 힌트