Button by mi-series
#e8e8e8
1.button { 2 width: 150px; 3 padding: 0; 4 border: none; 5 transform: rotate(5deg); 6 transform-origin: center; 7 font-family: "Gochi Hand", cursive; 8 text-decoration: none; 9 font-size: 15px; 10 cursor: pointer; 11 padding-bottom: 3px; 12 border-radius: 5px; 13 box-shadow: 0 2px 0 #494a4b; 14 transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); 15 background-color: #5cdb95; 16} 17 18.button span { 19 background: #f1f5f8; 20 display: block; 21 padding: 0.5rem 1rem; 22 border-radius: 5px; 23 border: 2px solid #494a4b; 24} 25 26.button:active { 27 transform: translateY(5px); 28 padding-bottom: 0px; 29 outline: 0; 30} 31
3.2K views
3.2K views
MIT License