在本文中,我们将学习如何在 CSS 中定义边框底部颜色是可动画的。
处理方法: border-bottom-color 是底部边框的颜色,我们想要动画它的颜色。为此,我们将使用 CSS 的动画属性。这需要三个值
- 第一个是动画的名称,它是我们想要绑定的关键帧名称。
句法:
@keyframe myFun{
100%{
border-bottom-color: red;
}
}
- 第二个是它动画的时间。
- 最后一个是我们想要动画的次数。
句法:
animation: animation_name animation_duration animation_count
例子:
HTML
GeeksforGeeks
输出: