Button by Rodrypaladin
#e8e8e8
1.button { 2 padding: 10px 20px; 3 font-size: 1.1rem; 4 background-color: rgb(89, 182, 35); 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(53, 144, 0); 25 color: white; 26 transition: all 0.15s ease-in; 27} 28 29button:hover::after { 30 transform: translate(-5px, -6px); 31} 32 33button:hover { 34 transform: translate(5px, 5px); 35} 36 37button:active::after { 38 background-color: rgb(232, 255, 219); 39}
279 views
Variation of abutton
MIT License