css - 使用变换旋转“a”元素

Question

为什么 CSS3 转换不适用于（锚）元素？

<a id="a" href="#">Rotate This</a>
#a
{
    transform:rotate(7deg);
    -ms-transform:rotate(7deg);
    -moz-transform:rotate(7deg);
    -webkit-transform:rotate(7deg);
    -o-transform:rotate(7deg);
}

Answer 1

旋转不适用于内联元素

Answer 2

您可以将锚点包裹在 div 中，然后旋转它。小提琴

<div><a id="a" href="#">Rotate This</a></div>

@Byscripts 说得对，转换不支持内联元素，例如 a, span。