8.5K views
1button { 2 width: 10em; 3 position: relative; 4 height: 3.5em; 5 border: 3px ridge #149CEA; 6 outline: none; 7 background-color: transparent; 8 color: white; 9 transition: 1s; 10 border-radius: 0.3em; 11 font-size: 16px; 12 font-weight: bold; 13} 14 15button::after { 16 content: ""; 17 position: absolute; 18 top: -10px; 19 left: 3%; 20 width: 95%; 21 height: 40%; 22 background-color: #212121; 23 transition: 0.5s; 24 transform-origin: center; 25} 26 27button::before { 28 content: ""; 29 transform-origin: center; 30 position: absolute; 31 top: 80%; 32 left: 3%; 33 width: 95%; 34 height: 40%; 35 background-color: #212121; 36 transition: 0.5s; 37} 38 39button:hover::before, button:hover::after { 40 transform: scale(0) 41} 42 43button:hover { 44 box-shadow: inset 0px 0px 25px #1479EA; 45}
Navarog21
Arkiweez
MIT License