Button by omriluz
#e8e8e8
1.btn { 2 width: 130px; 3 height: 40px; 4 font-size: 1.1em; 5 cursor: pointer; 6 background-color: #171717; 7 color: #fff; 8 border: none; 9 border-radius: 5px; 10 transition: all 0.4s; 11} 12 13.btn:hover { 14 border-radius: 5px; 15 transform: translateY(-10px); 16 box-shadow: 0 -7px 0 -2px #f85959, 0 -15px 0 -4px #39a2db, 17 0 -16px 10px -3px #39a2db, 0 7px 0 -2px #f85959, 0 15px 0 -4px #39a2db, 18 0 16px 10px -3px #39a2db, 8px 0px 0 -2px #f85959, 15px 0px 0 -4px #39a2db, 19 16px 0px 10px -3px #39a2db, -8px 0px 0 -2px #f85959, 20 -15px 0px 0 -4px #39a2db, -16px 0px 10px -3px #39a2db; 21} 22 23.btn:active { 24 transition: all 0.2s; 25 transform: translateY(-5px); 26 box-shadow: 0 2px 0 -2px #f85959, 0 8px 0 -4px #39a2db, 27 0 12px 10px -3px #39a2db; 28} 29
316 views
Variation of abutton
MIT License