跳到主要内容

挤压回弹

先横向压扁再回弹到正常,适合按钮反馈。

效果预览
参数调节
完整代码
/* 挤压回弹 */
@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; }