Button by Na3ar-17
#212121
1.container { 2 * { 3 outline: none; 4 border: none; 5 margin: 0; 6 padding: 0; 7 box-sizing: border-box; 8 font-family: Arial, Helvetica, sans-serif; 9 } 10} 11 12.button { 13 width: 140px; 14 height: 32px; 15 border-radius: 0.375rem; 16 cursor: pointer; 17 margin-top: 1rem; 18 background-image: linear-gradient(#268bff, hsl(252, 82%, 57%)); 19 transition: all 0.3s ease; 20 color: #fff; 21 font-weight: 600; 22} 23 24.button:hover { 25 -webkit-animation: pulse 2s infinite; 26 animation: pulse512 1.5s infinite; 27 letter-spacing: 2px; 28} 29 30.button:active { 31 transform: translateY(4px); 32} 33 34@keyframes pulse512 { 35 0% { 36 box-shadow: 0 0 0 0 rgba(5, 186, 218, 0.4); 37 } 38 70% { 39 box-shadow: 0 0 0 10px rgba(218, 103, 68, 0%); 40 } 41 100% { 42 box-shadow: 0 0 0 0 rgba(218, 103, 68, 0%); 43 } 44} 45
59 views
59 views
MIT License