Button by SteveBloX
#e8e8e8
1button { 2 font-family: inherit; 3 width: 7.18em; 4 height: 2.81em; 5 cursor: pointer; 6 background: #000000; 7 border: 0.14em solid #0000FF; 8 box-shadow: 0px 0.25em 0.25em rgba(0, 0, 0, 0.25); 9 border-radius: 0.93em; 10 transition: all 0.3s; 11 color: white; 12 font-size: 1.06em; 13 text-transform: uppercase; 14} 15 16button:hover { 17 width: 7.18em; 18 height: 2.81em; 19 box-shadow: 0px 0.81em 0.62em rgba(0, 0, 0, 0.25); 20 background: blue; 21 /*background: #000000;*/ 22 border-radius: 0.93em; 23 transform: translate(0.38em, -0.37em); 24} 25 26button:active { 27 transform: scale(0.90) 28}
806 views
806 views
MIT License