Html 在css中播放动画后如何更改按钮颜色

在播放动画一段时间后，我试图改变按钮的颜色。我搜索并发现，它需要改变一个新的框架。这是我的CSS：

.header按钮{
字体大小：12px；
文本阴影：0-1px0RGBA（0,0,0,8）；
颜色：#fbd3cc；
文字装饰：无；
字体大小：正常；
高度：30px；
边框：1px实心rgba（255、255、255、.4）；
边界半径：3px；
-webkit边界半径：3px；
显示：内联；
背景#026890；
}
@关键帧淡入淡出{
从{
不透明度：0；
}
}
.设置闪烁动画{
动画：fadeIn 0.5s无限交替；
动画迭代次数：10次；
-moz动画名称：changecolor；
}
@关键帧改变颜色{
{
颜色：红色；
}
}

Menue

希望这就是您想要的：

@keyframes changecolor
{
 to {background:red;}
}

---

希望这就是你想要的：

@keyframes changecolor
{
 to {background:red;}
}

---

您可以在按钮标记中添加一个跨距，并通过延迟几秒来完成动画，从而将颜色更改应用于跨距

您可以在按钮标记中添加一个跨距，并通过延迟几秒来完成动画，从而将颜色更改应用于跨距

您需要制作两个动画之一：

• 在相同的关键帧中

  @keyframes fadeInNColor {
    from {
      opacity: 0;
    }
    to {
      color: red;
    }
  }
  

  • 或根据同一规则分别呼叫他们

      animation: fadeIn 0.5s infinite alternate, changecolor 0.5s  infinite alternate forwards;
    

    .header按钮{
    字体大小：12px；
    文本阴影：0-1px0RGBA（0,0,0,8）；
    颜色：#fbd3cc；
    文字装饰：无；
    字体大小：正常；
    高度：30px；
    边框：1px实心rgba（255、255、255、.4）；
    边界半径：3px；
    -webkit边界半径：3px；
    显示：内联块；
    背景#026890；
    }
    @关键帧淡入淡出{
    从{
    不透明度：0；
    }
    }
    .设置闪烁动画{
    动画：
    fadeIn 0.5s无限交替，/*第一个动画*/
    changecolor 0.5s无限交替前进；/*第二个动画冻结*/
    动画迭代次数：5次；
    }
    @关键帧改变颜色{
    到{
    颜色：红色；
    }
    }

    Menue
    

    您需要制作两个动画：
    • 在相同的关键帧中

      @keyframes fadeInNColor {
        from {
          opacity: 0;
        }
        to {
          color: red;
        }
      }
      

      • 或根据同一规则分别呼叫他们

          animation: fadeIn 0.5s infinite alternate, changecolor 0.5s  infinite alternate forwards;
        

        .header按钮{
        字体大小：12px；
        文本阴影：0-1px0RGBA（0,0,0,8）；
        颜色：#fbd3cc；
        文字装饰：无；
        字体大小：正常；
        高度：30px；
        边框：1px实心rgba（255、255、255、.4）；
        边界半径：3px；
        -webkit边界半径：3px；
        显示：内联块；
        背景#026890；
        }
        @关键帧淡入淡出{
        从{
        不透明度：0；
        }
        }
        .设置闪烁动画{
        动画：
        fadeIn 0.5s无限交替，/*第一个动画*/
        changecolor 0.5s无限交替前进；/*第二个动画冻结*/
        动画迭代次数：5次；
        }
        @关键帧改变颜色{
        到{
        颜色：红色；
        }
        }

        Menue
        

        很抱歉，这不是在完成动画后更改颜色。很抱歉，这不是在完成动画后更改颜色。这样做是额外的工作。我在css中看到了这样做的可能性。我认为在同一个项目上应用两个动画是不可能的。如果可能，我们将在您的问题之后学习新技巧；）只是给了它一个代码笔，我无法应用两个动画到同一个元素。所以我同意这个答案。只需将它包装在另一个元素中，并在设定的延迟后触发动画。@Mahmoud看一下G-Cyr的答案；显然，可以在同一个项目上应用两个动画；这样做是额外的工作。我在css中看到了这样做的可能性。我认为在同一个项目上应用两个动画是不可能的。如果可能，我们将在您的问题之后学习新技巧；）只是给了它一个代码笔，我无法应用两个动画到同一个元素。所以我同意这个答案。只需将它包装在另一个元素中，并在设定的延迟后触发动画。@Mahmoud看一下G-Cyr的答案；显然，可以在同一个项目上应用两个动画；