Button by satyamchaudharydev
#e8e8e8
1/* inspired form gumroad website */ 2.button { 3 --bg: #000; 4 --hover-bg: #ff90e8; 5 --hover-text: #000; 6 color: #fff; 7 cursor: pointer; 8 border: 1px solid var(--bg); 9 border-radius: 4px; 10 padding: 0.8em 2em; 11 background: var(--bg); 12 transition: 0.2s; 13} 14 15.button:hover { 16 color: var(--hover-text); 17 transform: translate(-0.25rem, -0.25rem); 18 background: var(--hover-bg); 19 box-shadow: 0.25rem 0.25rem var(--bg); 20} 21 22.button:active { 23 transform: translate(0); 24 box-shadow: none; 25} 26
9.3K views
9.3K views
jaglux12 11. August 2023. at 0:10
11. August 2023. at 0:10
Beautiful.
Variations
1 MIT License