7

:first-letterロゴの最初の文字をスタイリングでターゲットにするために使用しています。ホバーすると、この文字の色が変わります。

CSSトランジションでこの色をフェードインするにはどうすればよいですか？いずれかのセレクターに遷移プロパティを追加しても機能しないようです。

フィドル： http： //jsfiddle.net/alecrust/YCMMZ/

編集：どうやらFirefox 4+は疑似要素の移行をサポートする唯一のブラウザですが、そのブラウザでも上記のFiddleを動作させることができません。

4

1 に答える 1

5

ブラウザーのサポートが不十分なため、この問題を解決する最善の方法は、最初の文字をスパンで囲み、スパンにクラスを与えることです。

<header class="header">
    <h1 class="logo">
        <a href="index.html"><span class="transition">E</span>xample</a>
    </h1>
</header>​

ここで jsfiddle を更新してデモを行いました: http://jsfiddle.net/YCMMZ/3/

于 2012-10-19T21:17:50.680 に答える