HTML + CSSTooltips
Stacked tooltip
The label arrives with two faded layers behind it, like a small pile of cards fanning out.
Settings
16px
1x
Code
<button class="uv-tstack">•••<span><i></i><i></i><b>3 actions available</b></span></button>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Tooltips
Where to use it
The layered look hints that there is more behind the button, which suits “more options” menus. Picture the three dots on a file in a cloud storage app, or on a photo in an online gallery: hover and “3 actions available” pops up with its little stack. A stacked tooltip in HTML and CSS.
Say what is actually in the menu. A count like “3 actions” or a hint like “Share, rename, delete” helps more than a vague “More”. The back layers are subtle on purpose; on dark backgrounds, check they still show.