📜  如何在 CSS 中定义边框底部颜色是可动画的?

📅  最后修改于: 2021-08-31 02:17:23             🧑  作者: Mango

在本文中,我们将学习如何在 CSS 中定义边框底部颜色是可动画的。

处理方法: border-bottom-color 是底部边框的颜色,我们想要动画它的颜色。为此,我们将使用 CSS 的动画属性。这需要三个值

  • 第一个是动画的名称,它是我们想要绑定的关键帧名称。

句法:

@keyframe myFun{
    100%{
        border-bottom-color: red;
    }
}
  • 第二个是它动画的时间。
  • 最后一个是我们想要动画的次数。

句法:

animation: animation_name animation_duration animation_count

例子:

HTML



    
    


    
GeeksforGeeks


输出: