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