强调
缩放加旋转的组合强调动画。
效果预览
参数调节
完整代码
/* 强调 */
@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; }