心跳
兩段節奏不同的放大，模擬心跳。
效果預覽
參數調節
完整代碼
/* 心跳 */
@keyframes heartbeat {
0%, 40%, 80%, 100% { transform: scale(1); }
20%, 60% { transform: scale(1.14); }
}
.heartbeat { animation: heartbeat 1.4s ease-in-out infinite; }