Button by bhaveshxrawat
#212121
1button { 2 border: none; 3 padding: 0.7em 2em; 4 font-size: 18px; 5 font-family: inherit; 6 background-blend-mode: multiply; 7 color: rgb(235, 234, 234); 8 border-radius: 9px; 9 background: linear-gradient(225deg, #181818, #2e2e2e); 10 box-shadow: -5px 5px 10px #191919, 11 5px -5px 10px #292929; 12} 13 14button:hover { 15 background: #212121; 16 transition: background 1s ease; 17 box-shadow: -5px 5px 10px #191919, 18 5px -5px 10px #292929; 19} 20 21button:active { 22 transition: box-shadow .1s ease; 23 border-radius: 9px; 24 background: #212121; 25 box-shadow: inset -5px 5px 10px #191919, 26 inset 5px -5px 10px #292929; 27} 28 29span { 30 opacity: 0.5; 31 transition: opacity 0.2s ease; 32} 33 34button:hover span { 35 opacity: 0.7; 36}
2.8K views
2.8K views
MIT License