Button by KhaledMatalkah
#e8e8e8
1@keyframes glowing-pulse { 2 0% { 3 box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); 4 } 5 6 70% { 7 box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); 8 } 9 10 100% { 11 box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); 12 } 13} 14 15.button { 16 position: relative; 17 display: inline-block; 18 background: linear-gradient(to right, #FFB900, #FF7730); 19 border: none; 20 border-radius: 25px; 21 color: white; 22 padding: 10px 20px; 23 font-size: 18px; 24 text-transform: uppercase; 25 box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); 26 animation: glowing-pulse 2s infinite; 27} 28 29.button::before { 30 content: ""; 31 position: absolute; 32 top: -5px; 33 left: -5px; 34 right: -5px; 35 bottom: -5px; 36 border-radius: 30px; 37 box-shadow: 0 0 20px #FF7730; 38 opacity: 0; 39 pointer-events: none; 40 transition: opacity 0.3s ease; 41} 42 43.button:hover::before { 44 opacity: 1; 45} 46
524 views
524 views
Variations
2434 views
MIT License