Button by AKAspidey01
#e8e8e8
1.button { 2 cursor: pointer; 3 position: relative; 4 width: 5em; 5 height: 4em; 6 border: none; 7 background: rgb(248, 66, 42); 8 padding: 0.5em; 9 display: flex; 10 justify-content: center; 11 gap: 0.7em; 12 flex-direction: column; 13 transition-duration: 0.5s; 14} 15.button:hover { 16 background: rgb(7, 142, 253); 17} 18.similar-line { 19 height: 0.2em; 20 background: #fff; 21 border-radius: 1em; 22 transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); 23} 24.line-1 { 25 width: 40%; 26} 27.line-2 { 28 width: 70%; 29} 30.line-3 { 31 width: 90%; 32} 33.button:hover .line-1 { 34 width: 90%; 35} 36.button:hover .line-2 { 37 width: 70%; 38} 39.button:hover .line-3 { 40 width: 40%; 41} 42
141 views
141 views
MIT License