Button by Botwe-Felix5820
#e8e8e8
1button { 2 height: 2.8em; 3 width: 9em; 4 background: transparent; 5 -webkit-animation: jello-horizontal 0.9s both; 6 animation: jello-horizontal 0.9s both; 7 border: 2px solid #016dd9; 8 outline: none; 9 color: #016dd9; 10 cursor: pointer; 11 font-size: 17px; 12} 13 14button:hover { 15 background: #016dd9; 16 color: #ffffff; 17 animation: squeeze3124 0.9s both; 18} 19 20@keyframes squeeze3124 { 21 0% { 22 -webkit-transform: scale3d(1, 1, 1); 23 transform: scale3d(1, 1, 1); 24 } 25 26 30% { 27 -webkit-transform: scale3d(1.25, 0.75, 1); 28 transform: scale3d(1.25, 0.75, 1); 29 } 30 31 40% { 32 -webkit-transform: scale3d(0.75, 1.25, 1); 33 transform: scale3d(0.75, 1.25, 1); 34 } 35 36 50% { 37 -webkit-transform: scale3d(1.15, 0.85, 1); 38 transform: scale3d(1.15, 0.85, 1); 39 } 40 41 65% { 42 -webkit-transform: scale3d(0.95, 1.05, 1); 43 transform: scale3d(0.95, 1.05, 1); 44 } 45 46 75% { 47 -webkit-transform: scale3d(1.05, 0.95, 1); 48 transform: scale3d(1.05, 0.95, 1); 49 } 50 51 100% { 52 -webkit-transform: scale3d(1, 1, 1); 53 transform: scale3d(1, 1, 1); 54 } 55} 56
7.7K views
7.7K views
MIT License