強調
縮放加旋轉的組合強調動畫。
效果預覽
參數調節
完整代碼
/* 強調 */
@keyframes tada {
0% { transform: scale(1) rotate(0); }
20% { transform: scale(.92) rotate(-4deg); }
55% { transform: scale(1.1) rotate(4deg); }
100% { transform: scale(1) rotate(0); }
}
.tada { animation: tada 1s ease-in-out; }