Button by SteveBloX
#ffffff
1.button { 2 border-radius: 8px; 3 height: 40px; 4 border: none; 5 background: #222; 6 color: white; 7 padding: 15px; 8 box-shadow: 0 0.7065919983928324px 0.7065919983928324px -0.625px #00000026, 9 0 1.8065619053231785px 1.8065619053231785px -1.25px #00000025, 10 0 3.6217592146567767px 3.6217592146567767px -1.875px #00000023, 11 0 6.8655999097303715px 6.8655999097303715px -2.5px #00000020, 12 0 13.646761411524492px 13.646761411524492px -3.125px #0000001b, 13 0 30px 30px -3.75px #0000000d; 14 font-weight: bold; 15 font-family: Montserrat; 16 cursor: pointer; 17 display: flex; 18 align-items: center; 19 transition: 150ms ease-in-out; 20} 21 22.button:active { 23 scale: 0.95; 24 background: #fff; 25 color: black; 26 box-shadow: rgba(0, 0, 0, 0.26) 0px 0.637473px 1.14745px -1.125px, 27 rgba(0, 0, 0, 0.24) 0px 1.93094px 3.4757px -2.25px, 28 rgba(0, 0, 0, 0.192) 0px 5.10423px 9.18761px -3.375px, 29 rgba(0, 0, 0, 0.03) 0px 16px 28.8px -4.5px; 30} 31
445 views
445 views
Variations
3 MIT License