4.3K views
1button { 2 height: 3em; 3 width: 8em; 4 border: none; 5 border-radius: 10em; 6 background: #016DD9; 7 font-size: 17px; 8 color: #ffffff; 9 font-family: inherit; 10 font-weight: 500; 11} 12 13button:hover { 14 animation: shake3856 0.3s linear infinite both; 15} 16 17@keyframes shake3856 { 18 0% { 19 -webkit-transform: translate(0); 20 transform: translate(0); 21 } 22 23 20% { 24 -webkit-transform: translate(-2px, 2px); 25 transform: translate(-2px, 2px); 26 } 27 28 40% { 29 -webkit-transform: translate(-2px, -2px); 30 transform: translate(-2px, -2px); 31 } 32 33 60% { 34 -webkit-transform: translate(2px, 2px); 35 transform: translate(2px, 2px); 36 } 37 38 80% { 39 -webkit-transform: translate(2px, -2px); 40 transform: translate(2px, -2px); 41 } 42 43 100% { 44 -webkit-transform: translate(0); 45 transform: translate(0); 46 } 47} 48
MIT License