555 views
1button { 2 padding: 20px 30px; 3 border-radius: 30px; 4 border: 5px solid #ffffff; 5 background-color: #5584AC; 6 font-size: 15px; 7 color: white; 8 letter-spacing: 5px; 9 font-weight: bolder; 10 animation: none; 11 transition: all .5s ease-in-out; 12 font-family: 'Rajdhani', sans-serif; 13} 14 15button:hover { 16 border-radius: 30px 30px 0px 30px; 17 box-shadow: inset 0px 30px 10px -25px black; 18 transition: all .5s ease-in-out; 19 animation: bounce42 1.6s infinite; 20} 21 22@keyframes bounce42 { 23 0%, 20%, 50%, 80%, 100% { 24 transform: translateY(0); 25 } 26 27 40% { 28 transform: translateY(-5px); 29 } 30 31 60% { 32 transform: translateY(-5px); 33 } 34}
ercnersoy
Ercan Ersoy
MIT License