Button by iZOXVL
#212121
1.boton-elegante { 2 padding: 15px 30px; 3 border: 2px solid #2c2c2c; 4 background-color: #1a1a1a; 5 color: #ffffff; 6 font-size: 1.2rem; 7 cursor: pointer; 8 border-radius: 30px; 9 transition: all 0.4s ease; 10 outline: none; 11 position: relative; 12 overflow: hidden; 13 font-weight: bold; 14} 15 16.boton-elegante::after { 17 content: ""; 18 position: absolute; 19 top: 0; 20 left: 0; 21 width: 100%; 22 height: 100%; 23 background: radial-gradient( 24 circle, 25 rgba(255, 255, 255, 0.25) 0%, 26 rgba(255, 255, 255, 0) 70% 27 ); 28 transform: scale(0); 29 transition: transform 0.5s ease; 30} 31 32.boton-elegante:hover::after { 33 transform: scale(4); 34} 35 36.boton-elegante:hover { 37 border-color: #666666; 38 background: #292929; 39} 40
422 views
422 views
MIT License