#e8e8e8
1button { 2 display: flex; 3 align-items: center; 4 justify-content: center; 5 outline: none; 6 cursor: pointer; 7 width: 150px; 8 height: 50px; 9 background-image: linear-gradient(to top, #D8D9DB 0%, #fff 80%, #FDFDFD 100%); 10 border-radius: 30px; 11 border: 1px solid #8F9092; 12 transition: all 0.2s ease; 13 font-family: "Source Sans Pro", sans-serif; 14 font-size: 14px; 15 font-weight: 600; 16 color: #606060; 17 text-shadow: 0 1px #fff; 18} 19 20button:hover { 21 box-shadow: 0 4px 3px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 3px 3px #CECFD1; 22} 23 24button:active { 25 box-shadow: 0 4px 3px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 5px 3px #999, inset 0 0 30px #aaa; 26} 27 28button:focus { 29 box-shadow: 0 4px 3px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 5px 3px #999, inset 0 0 30px #aaa; 30} 31 32 33
12K views
12K views
Comments
MIT License