Button by Ratinax
#212121
1.container { 2 position: relative; 3 width: 4.5em; 4 height: 4em; 5 background-color: red; 6 overflow: hidden; 7 border-radius: 100%; 8 display: flex; 9 justify-content: center; 10 align-items: center; 11 scale: 2; 12 box-shadow: 0 .5em #AA1111; 13} 14 15.button { 16 cursor: pointer; 17 position: absolute; 18 text-transform: uppercase; 19 height: 110%; 20 width: 110%; 21 background-color: red; 22 color: white; 23 text-shadow: 0 0.1em 0.1em black; 24} 25 26.container:has(.button:active) { 27 box-shadow: none; 28 margin-top: 2em; 29} 30
421 views
421 views
Variations
1 MIT License