Button by kenzmartinz
#e8e8e8
1.custom-btn { 2 animation: both; 3 width: 130px; 4 height: 40px; 5 color: #fff; 6 border-radius: 5px; 7 padding: 10px 25px; 8 font-family: 'Lato', sans-serif; 9 font-weight: 500; 10 background: transparent; 11 cursor: pointer; 12 transition: all 0.3s ease; 13 position: relative; 14 display: inline-block; 15 box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5), 16 7px 7px 20px 0px rgba(0,0,0,.1), 17 4px 4px 5px 0px rgba(0,0,0,.1); 18 outline: none; 19 font-size: 15px; 20} 21 22.btn-2 { 23 background: #004dff; 24 background: linear-gradient(0deg, #004dff 0%, #004dff 100%); 25 border: none; 26} 27 28.btn-2:before { 29 height: 0%; 30 width: 2px; 31} 32 33.btn-2:hover { 34 box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5), 35 -4px -4px 6px 0 rgba(116, 125, 136, .5), 36 inset -4px -4px 6px 0 rgba(255,255,255,.2), 37 inset 4px 4px 6px 0 rgba(0, 0, 0, .4); 38} 39
354 views
Variation of abutton
MIT License