CSS过渡:悬停在悬停的第一字母

Question

我正在使用 :first-letter用一些样式来定位徽标中的第一个字母。悬停在该字母的颜色上发生变化。

我将如何通过CSS过渡淡入这种颜色？将过渡属性添加到我的任何选择器中似乎都不起作用。

小提琴：http：//jsfiddle.net/alecrust/ycmmz/

编辑：显然是Firefox 4 是唯一支持伪元素过渡的浏览器，但是我也无法在该浏览器中使小提琴上的小提琴上的工作。

Answer 1

由于浏览器的支持不佳，解决此问题的最佳方法是将您的第一个字母包装在跨度中并给跨度一个类。

<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/