CSS3 を使用してアニメーション化されたフル バー シンボルで奇妙な動作が見られます。一部のブラウザーでは、シンボルの側面に沿って青とオレンジのエッジが表示されます。理由を理解できませんでした。
CSS:
/* blink cursor*/
span#textblink {
color: #fff;
font-family: "Lucida Console";
animation: colorPulse 0.2s infinite alternate;
-moz-animation: colorPulse 0.2s infinite alternate;
-webkit-animation: colorPulse 0.2s infinite alternate;
-o-animation: colorPulse 0.2s infinite alternate;
}
HTML:
<div id="linkbg">
<a href="developers.html" id="dev-link">DreaMLer::Wanted.developers()</a>
<span id="textblink">█</span>
</div>
サンプルページ: Dreamler.se - 短期間で効果が現れるようです。