CSS学习：CSS动画
在CSS中创建动画，你可以使用@keyframes规则来定义动画序列，然后将其应用到元素上通过animation属性。以下是一个简单的例子：
/* 定义一个名为 'fadeInOut' 的动画 */
@keyframes fadeInOut {
0%, 100% { opacity: 0; }
50% { opacity: 1; }
}
/* 应用动画到具体元素 */
.element {
animation: fadeInOut 2s infinite;
}在这个例子中，.element将会不断地执行淡入淡出的动画，动画持续时间为2秒，并且是无限循环的。你可以通过调整@keyframes中的百分比来改变动画的过程，并通过animation属性的不同参数来控制动画的行为（如延迟、迭代次数等）。
评论已关闭