我有一个带有首字母伪规则的段落标签。我想将比例规则应用于第一个字母,但它似乎不起作用。
首字母伪元素支持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; }
最佳答案
工作正常here ,您确定使用Webkit浏览器查看结果吗?
更新: 这确实有效:http://jsfiddle.net/szXHZ/5/
您必须 float 元素,并且必须将显示设置为阻止!!
您将不得不稍微调整样式,因为它看起来有点疯狂(更改行高以获得更好的外观,并且可能删除我在第二段中放置的透明内容),但转换确实有效当悬停时。您可以更改它,这样您就不需要悬停(如果您愿意)。
关于html - 如何将 css3 比例应用于元素的第一个字母伪元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7577247/