test
unknown
html
a month ago
799 B
1
Indexable
Never
.tooltip-container { position: relative; display: inline-block; } .tooltip { visibility: hidden; width: 140px; background-color: black; color: #fff; text-align: center; border-radius: 5px; padding: 5px; position: absolute; z-index: 1; top: 50%; left: 105%; /* Position to the right of the button */ transform: translateY(-50%); opacity: 0; transition: opacity 0.3s; } .tooltip::after { content: ''; position: absolute; top: 50%; right: 100%; /* Position the arrow to the left of the tooltip */ transform: translateY(-50%); border-width: 5px; border-style: solid; border-color: transparent black transparent transparent; } .tooltip-container .show-tooltip { visibility: visible; opacity: 1; }
Leave a Comment