なぜこれを行うのかわかりません。にプロパティを追加するたびに :first-letter
Psuedoクラス、アニメーションはもう機能しません。
:first-letter
Psuedoクラスは、以前のホバーをキャンセルしているようです。
PSUEDOクラスがアクティブになっているときはいつでも確認できるように、以前の任意の任意の任意のキャンセル(この場合の遷移)がキャンセルされます。
だからあなたの場合、私はあなたのアニメーションを実行することさえしません
なぜこれが起こるのではなく、以前の大きなバグのように思えます:
:first-letter
PSUEDOクラスは、クラスまたは擬似クラスが続くと機能しません(例:Div:First-letter:Hover)。
それは今の逆のようですか?
理論では、whereverが擬似クラスの前にあるということです :first-letter
うまくいきません。それはそれかもしれません :hover
擬似クラスは「生成されたコンテンツ」とは見なされていません。
場合:First-Letterおよび:First-Line Pseudo-Elementsは、以下を使用して生成されたコンテンツを持つ要素に適用されます。 生成されたコンテンツ.
ソース : http://www.w3.org/tr/css2/selector.html#be and-after
そうすれば :hover
表示されていません。
いくつかのドキュメントを見て、見つけることができませんでした 他の アニメーション、キーフレーム、トランスフォーメーション、ファーストレッターのPsuedoクラスの関係。 IEで互いに相互作用しない可能性のあるホバープエドクラスとファーストレターのPsuedoクラスの間の観察。
tl; dr
おそらくバグです。
君の :first-letter
Psuedo-classは、で動作していません :hover
親要素のpsuedoクラス。 :hover
表示されないpsuedo-classなので、アニメーションはロードされません。
回避します
コンテンツをHTMLに直接配置して、最初の文字をスパンに包むことができます。
<div style="width:160px;height:300px;float:right;">
<a href="kapcsolat.html" class="animated menu5">
<span>K</span>apcsolat
</a>
</div>
アンカーがホバリングされているときにスタイルを追加する場所:
.menu5:hover > span
{
color: black;
}