橡皮拉伸
橫豎交替拉伸，像橡皮筋彈動。
效果預覽
參數調節
完整代碼
/* 橡皮拉伸 */
@keyframes rubberBand {
0%, 100% { transform: scale(1, 1); }
30% { transform: scale(1.25, .75); }
40% { transform: scale(.75, 1.25); }
50% { transform: scale(1.15, .85); }
65% { transform: scale(.95, 1.05); }
75% { transform: scale(1.05, .95); }
}
.rubber-band { animation: rubberBand .8s ease-out both; }