Button by Web-Potato
#212121
1button { 2 padding: 0.1em 0.25em; 3 width: 13em; 4 height: 4.2em; 5 background-color: #212121; 6 border: 0.08em solid #fff; 7 border-radius: 0.3em; 8 font-size: 12px; 9 cursor: pointer; 10} 11 12button span { 13 position: relative; 14 display: flex; 15 justify-content: center; 16 align-items: center; 17 bottom: 0.4em; 18 width: 8.25em; 19 height: 2.5em; 20 background-color: #212121; 21 border-radius: 0.2em; 22 font-size: 1.5em; 23 color: #fff; 24 border: 0.08em solid #fff; 25 box-shadow: 0 0.4em 0.1em 0.019em #fff; 26} 27 28button span:hover { 29 transition: all 0.5s; 30 transform: translate(0, 0.4em); 31 box-shadow: 0 0 0 0 #fff; 32} 33 34button span:not(hover) { 35 transition: all 1s; 36} 37
14K views
14K views
MIT License