Button by BurgiSimon
#e8e8e8
1.button-3d { 2 position: relative; 3 top: -6px; 4 border: 1.5px rgb(0, 0, 0) inset; 5 border-radius: 10px; 6 transition: all 40ms ease-out; 7 margin-top: 1px; 8 margin-bottom: 1px; 9 margin-left: 2px; 10 margin-right: 2px; 11 padding-top: 10px; 12 padding-bottom: 10px; 13 padding-left: 10px; 14 padding-right: 10px; 15 color: #666666; 16 17 box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.1) inset, 18 0 8px 0 0 #f5f5f5, 0 8px 8px 1px rgba(0, 0, 0, 0.2); 19 background-color: #fff; 20} 21 22.button-text { 23 font-family: sans-serif; 24 font-weight: 0; 25 font-size: 16px; 26 letter-spacing: 3px; 27 color: #000000; 28 border-bottom: 0px solid; 29} 30 31.button-3d:hover { 32 border: 2px rgb(0, 0, 0) inset; 33} 34 35.button-3d:active { 36 top: 1px; 37 color: #666666; 38 box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 39 0 1px 3px 1px rgba(136, 136, 136, 0.479); 40 background-color: #fff; 41} 42
102 views
102 views
Based on a design by Artur
This UI element is based on content from an external source and modified by BurgiSimon.
MIT License