挤压回弹
先横向压扁再回弹到正常,适合按钮反馈。
效果预览
参数调节
完整代码
/* 挤压回弹 */
@keyframes squeeze {
0% { transform: scale(1, 1); }
40% { transform: scale(1.18, .82); }
70% { transform: scale(.94, 1.06); }
100% { transform: scale(1, 1); }
}
.squeeze { animation: squeeze .5s ease-out both; }