Button by vinodjangid07
#e8e8e8
1.fullscreen-btn { 2 width: 25px; 3 height: 25px; 4 border: none; 5 display: flex; 6 align-items: center; 7 justify-content: center; 8 background-color: transparent; 9 cursor: pointer; 10 transition: all 0.3s; 11 position: relative; 12 overflow: hidden; 13} 14 15.fullscreen-btn svg { 16 height: 100%; 17} 18.fullscreen-btn:hover { 19 width: 30px; 20 height: 30px; 21 overflow: visible; 22} 23.tooltip { 24 position: absolute; 25 top: -40px; 26 background-color: rgba(0, 0, 0, 0.753); 27 color: white; 28 padding: 5px 10px; 29 border-radius: 5px; 30 font-size: 0.8em; 31 transition: all 0.3s; 32 opacity: 0; 33} 34.fullscreen-btn:hover .tooltip { 35 transform: translateY(2.5px); 36 opacity: 1; 37} 38
700 views
700 views
MIT License