css动画及背景设置
/* 设置动画名称和时长 */
@keyframes example {
from {background-color: red;}
to {background-color: yellow;}
}
/* 应用动画到目标元素，例如一个按钮 */
button {
background-color: red;
animation-name: example; /* 引用动画名称 */
animation-duration: 4s; /* 动画时长 */
animation-iteration-count: infinite; /* 动画无限次数播放 */
}这段代码定义了一个名为example的关键帧动画，从红色渐变到黄色，并且这个动画会应用到button元素上，无限循环，每次动画时长为4秒。这是一个简单的例子，展示了如何在CSS中创建和应用动画效果。
评论已关闭