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

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

说明：
A

<span>

是一个内联元素，并且 Transform属性不适用于内联元素 。 CSS转换模块1级上的可

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

inline-block

或

block

。这将使您将转换应用于span元素。
它也适用于其他内联元素，例如

<a><em><strong>

…请参阅[MDN上的内联元素列表。

这是带有

<span>

元素的演示：

h1 {  background: #f00;  padding: .25em .5em;  text-align: right;  transform: skew(-15deg);}h1 span {  color: #fff;  display: inline-block;    transform: skew(15deg);}<h1><span>This is a Title</span></h1>