如何在跨度上使用CSS3转换？

我在

标记中嵌套了一个内联元素（一个

）。我将变换属性应用于

h1

（倾斜使其看起来像平行四边形）。
我需要将span标记转换为“unskew”它及其文本。但这似乎只适用于IE

以下是HTML和CSS的示例：

h1{
背景：#f00；
填充物：25em.5em；
文本对齐：右对齐；
变换：倾斜（-15度）；
}
h1跨度{
颜色：#fff；
变换：倾斜（15度）；
}

---

这是一个标题

说明：

是内联元素，转换属性不适用于内联元素
在CSS转换模块级别1上

解决方案：
将span的显示属性设置为

内联块

或

块

。这将允许您对span元素应用变换。
它也适用于其他内联元素，如

）

下面是一个带有
元素的演示：


h1{
背景：#f00；
填充物：25em.5em；
文本对齐：右对齐；
变换：倾斜（-15度）；
}
h1跨度{
颜色：#fff；
显示：inline block；/*此处稍晚，但您可以设置

h1 span{
   position:absolute;
}

然后正常使用CSS3转换属性。
可能重复的