Przejście CSS z: pierwszej litery na hover

Question

Używam celu :first-letter do kierowania na pierwszą literę w logo z jakąś stylizacją. Po najechaniu zmienia się kolor tej litery.

W jaki sposób mogę uzyskać ten kolor przy przejściu CSS? Dodanie właściwości przejścia do dowolnego z moich selektorów nie działa.

Fiddle: http://jsfiddle.net/alecrust/YCMMZ/

Edit: Widocznie Firefox 4+ jest jedyną przeglądarką, która obsługuje przejście z pseudo-elementów, jednak jestem w stanie uzyskać Fiddle powyżej pracować nawet w tej przeglądarce.

Answer 1

Ze względu na słabą obsługę przeglądarek najlepszym sposobem rozwiązania tego problemu jest zawinięcie pierwszej litery w rozpiętość i nadanie jej klasy.

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

mam zaktualizowane jsfiddle tutaj, aby wykazać, że: http://jsfiddle.net/YCMMZ/3/