Button by AKAspidey01
#e8e8e8
1.first-button { 2 background: rgb(115, 15, 209); 3 color: #fff; 4 border: none; 5 font-weight: 700; 6 font-size: 1em; 7 min-height: 60px; 8 width: 200px; 9 gap: 20px; 10 display: flex; 11 align-items: center; 12 justify-content: center; 13 transition-duration: 0.6s; 14} 15 16.main-section { 17 display: flex; 18 flex-direction: column; 19 height: 60px; 20 overflow: hidden; 21 align-items: flex-start; 22} 23 24.main-section:hover .second-button , .main-section:hover .first-button { 25 transform: translateY(-60px); 26} 27 28.second-button { 29 background: rgb(209, 15, 57); 30 color: #fff; 31 border: none; 32 font-weight: 700; 33 font-size: 1em; 34 min-height: 60px; 35 width: 200px; 36 gap: 20px; 37 display: flex; 38 align-items: center; 39 justify-content: center; 40 transition-duration: 0.6s; 41} 42
441 views
441 views
MIT License