CSS3 -- @keyframes动画
CSS3的@keyframes规则用于创建动画。通过定义一个关键帧，可以为元素创建复杂的、高效的动画效果。
以下是一个简单的例子，演示如何使用@keyframes来创建一个简单的淡入动画：
/* 定义关键帧 */
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
/* 应用动画到元素 */
.element {
animation: fadeIn 2s ease-in-out forwards;
}在这个例子中，.element类将应用一个名为fadeIn的淡入动画，该动画在2秒内发生，使用ease-in-out缓动函数，并且在动画完成后保持最后的状态（forwards）。
评论已关闭