如何将css3比例应用于元素的第一个字母的伪元素？

Question

我有一个带有第一个字母伪规则的段落标记。我想将比例规则应用于第一个字母，但它似乎不起作用。

第一个字母的伪元素是否支持css3规模？

<p>This is some Text</p>
<p>This is some more Text</p>

p:first-child:first-letter { font-family: "Baskerville"; font-size: 60px; -webkit-transform: scaleX(.8); display: inline-block; }

Answer 1

工作正常here，您确定使用Webkit浏览器查看结果吗？

更新： 这项工作：http://jsfiddle.net/szXHZ/5/

你必须浮动元素，你必须将显示设置为阻止!!

你将不得不把这个风格搞得一团糟，因为它看起来有点悲剧（改变线条高度以获得更好的外观并且可能会删除我已经放在第二段上的清晰），但转换确实有效徘徊时您可以对其进行更改，以便在您不喜欢的情况下不需要悬停..

Answer 2

试试这个。

<p><span class="firstletter">T</span>his is some Text</p>

.firstletter { font-family: "Baskerville"; -webkit-transform: scale(2); display: inline-block; }

现在它有效。 http://jsfiddle.net/sP3JZ/7/