![](/build/_assets/logo-png-XGWSYHKJ.png)
Button by aurellsoleil
#e8e8e8
1.button { 2 cursor: pointer; 3 padding-right: 20px; 4 padding-left: 20px; 5 padding-top: 20px; 6 padding-bottom: 20px; 7 margin: 3px; 8 border: none; 9 border-radius: 30px; 10 font-size: large; 11 font-weight: 600; 12 display: flex; 13 background: #dadada; 14 background: -moz-linear-gradient(top, #dadada 0%, #eeeeee 25%, #ffffff 100%); 15 background: -webkit-linear-gradient( 16 top, 17 #dadada 0%, 18 #eeeeee 25%, 19 #ffffff 100% 20 ); 21 background: linear-gradient(to bottom, #dadada 0%, #eeeeee 25%, #ffffff 100%); 22} 23 24.container { 25 box-shadow: 4px 2px 10px -1px rgba(12, 12, 12, 0.6); 26 /* border: 2px solid rgb(192, 192, 192); */ 27 border-radius: 7px; 28 background: #ffffff; 29 background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 75%, #dadada 100%); 30 background: -webkit-linear-gradient( 31 top, 32 #ffffff 0%, 33 #eeeeee 75%, 34 #dadada 100% 35 ); 36 background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 75%, #dadada 100%); 37 transition: all 0.3s; 38} 39 40.container:hover { 41 box-shadow: 1px 0px 3px 0px rgba(12, 12, 12, 0.6); 42} 43 44.container:active { 45 box-shadow: 0.5px 0px 1px 0px rgba(12, 12, 12, 0.6); 46} 47 48.icon { 49 margin-right: 5px; 50} 51
30 views
30 views
MIT License