Tooltip by Pipo-13
#212121
1.tooltip-container { 2 --background: #d87639; 3 position: relative; 4 background: var(--background); 5 cursor: pointer; 6 transition: all 0.2s; 7 font-size: 17px; 8 padding: 0.7em 1.8em; 9 border-radius: 0.2rem; 10} 11 12.tooltip { 13 position: absolute; 14 top: 90%; 15 left: 50%; 16 transform: translateX(-50%) rotateX(90deg); 17 padding: 0.6em; 18 opacity: 0.6; 19 transition: all 0.5s ease; 20 background: transparent; 21 height: 0px; 22 cursor: default; 23} 24 25.tooltip-container:hover .tooltip { 26 opacity: 1; 27 pointer-events: auto; 28 background: none; 29 transform: translateX(-50%) rotateX(0deg); 30} 31
576 views
576 views
MIT License