Button by Rodrypaladin
#e8e8e8
1.button { 2 padding: 10px 20px; 3 font-size: 1.1rem; 4 background-color: rgb(255, 209, 81); 5 border: none; 6 color: white; 7 position: relative; 8 width: 120px; 9 height: 45px; 10 transition: background-color 0.2s ease-in, all 0.15s ease-in; 11} 12 13button::after { 14 display: flex; 15 align-items: center; 16 justify-content: center; 17 content: "Button"; 18 width: 120px; 19 height: 45px; 20 position: absolute; 21 top: 0; 22 left: 0; 23 transform: translate(5px, 5px); 24 background-color: rgb(255, 187, 0); 25 transition: all 0.15s ease-in; 26} 27 28button:hover::after { 29 transform: translate(-5px, -5px); 30} 31 32button:hover { 33 transform: translate(5px, 5px); 34} 35 36button:active::after { 37 background-color: rgb(207, 152, 0); 38}
272 views
Variation of abutton
MIT License