html - CSS3 过渡闪光

Question

有谁知道为什么会这样？

在所有的锚点上，我有：

-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;

为什么会出现这种“闪光”？

更新

闪光，我的意思是H1从紫色变成白色的地方。

更新 2

似乎几乎所有锚链接都会发生。

对于徽标的示例，HTML 为：

<h1 class="logo"><a href="/">Test</a></h1>

在 CSS 中我有：

a {
  text-decoration: none;
  color: white;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

h1 在标题中，对于标题，我有一些用于标题链接的 CSS：

.header a {
  color: white;
  text-shadow: 0 -1px rgba(0,0,0,0.2);
}

对于 h1，我有：

h1 {
  margin: 0;
  float: left;
  font-family: "proxima-nova";
  font-size: 26px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 2px;
  height: 30px;
  line-height: 30px;
}