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

标签 html css scale

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

首字母伪元素支持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浏览器查看结果吗?

enter image description here

更新: 这确实有效:http://jsfiddle.net/szXHZ/5/

您必须 float 元素,并且必须将显示设置为阻止!!

您将不得不稍微调整样式,因为它看起来有点疯狂(更改行高以获得更好的外观,并且可能删除我在第二段中放置的透明内容),但转换确实有效当悬停时。您可以更改它,这样您就不需要悬停(如果您愿意)。

关于html - 如何将 css3 比例应用于元素的第一个字母伪元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7577247/

相关文章:

html - 自定义设计复选框按钮

ffmpeg - 如何在 ffmpeg 命令中缩放和添加正确的 Logo ?

javascript - Chrome 中 div 下方的空白,但 Firefox (HTML5) 中没有

html - Css改变无序列表的样式?

javascript - 使用没有 ID 的 JavaScript 定位 li

Android:xml 图像缩放不足以增加图像大小

ios - 指数收缩 SKNode

javascript - Chrome 扩展 JavaScript 错误

html - Bootstrap 图像在 safari 中没有响应

html - 使用对象标签的 PDF 查看器不适用于 Edge