Button by Diox221
#e8e8e8
1.btn { 2 position: relative; 3 display: inline-block; 4 padding: 0.75rem 1.5rem; 5 border: none; 6 border-radius: 5rem; 7 font-size: 1rem; 8 font-weight: 600; 9 color: #fff; 10 background-color: #333; 11 cursor: pointer; 12 overflow: hidden; 13 z-index: 1; 14} 15 16.spacex-btn { 17 background-color: #005288; 18} 19 20.btn-bg { 21 position: absolute; 22 top: 50%; 23 left: 50%; 24 transform: translate(-50%, -50%) scale(0); 25 width: 100%; 26 height: 100%; 27 background-color: #ffffff; 28 opacity: 0.3; 29 z-index: -1; 30 transition: transform 0.3s ease-in-out; 31} 32 33.spacex-btn:hover .btn-bg { 34 transform: translate(-50%, -50%) scale(2); 35} 36
850 views
850 views
MIT License