href 属性停止具有 css3 动画的文本答案

【问题标题】：href attribute stops text having css3 animationhref 属性停止具有 css3 动画的文本
【发布时间】：2015-10-07 15:13:13
【问题描述】：

我正在建立一个网站，我需要让导航栏有闪烁的文本（从蓝色渐变到红色再到蓝色）。但是，我发现当标签里面有一个 href 属性时，整个动画就会停止工作。字闪和链接仍然有效，这真的很关键

CSS 代码：

#menu-item-142 a
{
 animation-name: color_change !important;
 animation-duration: 1s !important;
 animation-iteration-count: infinite !important;
 animation-direction: alternate !important;
}

@keyframes color_change
{
  0%   { color: red;  }
  50%  { color: blue; }
  100% { color: red;  }
}

HTML：

<li id="menu-item-142" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-142">
<a title="appform" href="http://essex-van-hire.com/application-form/">Application Form</a></li>

【问题讨论】：

标签： css animation anchor href

【解决方案1】：

@keyframe 规则不适用于 Chrome 中的已访问链接。

Why doesn't my keyframe animation for link color work in Chrome?

【讨论】：

感谢您的回复。很糟糕，这还没有解决，对我来说是个真正的问题。