过渡效果（Transition）

.btn {
    transition: all 0.3s ease;
}
.btn:hover {
    background-color: #007bff;
    transform: scale(1.05);
}

关键帧动画（Animation）

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.animate { animation: fadeIn 0.5s ease-in; }

性能优化

优先使用transform和opacity属性做动画，它们不会触发布局重排，可利用GPU加速。