Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Tooltip container */
- .tooltip-inside {
- position: relative;
- display: inline-block;
- /*border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
- }
- /* tooltip-inside text */
- .tooltip-inside .tooltiptext {
- visibility: hidden;
- width: 120px;
- background-color: black;
- color: #fff;
- text-align: center;
- padding: 5px 0;
- border-radius: 6px;
- /* Position the tooltip text */
- position: absolute;
- z-index: 1;
- bottom: 125%;
- left: 50%;
- margin-left: -60px;
- /* Fade in tooltip */
- opacity: 0;
- transition: opacity 0.3s;
- }
- /* Tooltip arrow */
- .tooltip-inside .tooltiptext::after {
- content: "";
- position: absolute;
- top: 100%;
- left: 50%;
- margin-left: -5px;
- border-width: 5px;
- border-style: solid;
- border-color: #555 transparent transparent transparent;
- }
- /* Show the tooltip text when you mouse over the tooltip container */
- .tooltip-inside:hover .tooltiptext {
- visibility: visible;
- opacity: 0.8;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement