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