#212121
1button { 2 position: relative; 3 height: 50px; 4 width: 150px; 5 color: #FFF; 6 font-size: 15px; 7 font-weight: 600; 8 letter-spacing: 2px; 9 background-color: #212121; 10 transition: all 0.5s; 11 border: none; 12} 13 14button::before { 15 position: absolute; 16 content: ''; 17 top: 0; 18 left: 0; 19 width: 100%; 20 height: 100%; 21 background-color: rgba(29, 255, 86, 0.281); 22 border-radius: 5px; 23 transition: all 0.3s; 24 z-index: 1; 25} 26 27button:hover::before { 28 opacity: 0; 29 transform: scale(0.7,0.7); 30} 31 32button::after { 33 content: ''; 34 position: absolute; 35 top: 0; 36 left: 0; 37 width: 100%; 38 height: 100%; 39 transition: all 0.4s; 40 border: 1px solid rgba(29, 255, 86, 0.281); 41 border-radius: 5px; 42 transform: scale(1.5,1.5); 43 opacity: 0; 44 z-index: 1; 45} 46 47button:hover::after { 48 opacity: 1; 49 transform: scale(1,1); 50} 51
925 views
925 views
Comments
MIT License