橡皮筋
縱向拉伸再回彈，富有彈性。
效果預覽
參數調節
完整代碼
/* 橡皮筋 */
@keyframes rubber {
0%, 100% { transform: scale(1, 1); }
35% { transform: scale(1.2, .8); }
70% { transform: scale(.9, 1.1); }
}
.rubber { animation: rubber .9s cubic-bezier(.34,1.56,.64,1); }