html 旋转能不能设置,html – 是否可以旋转元素,但不是它的内容与css3？

当然,如果你把文本包在一个span中,那么将span设置为absolute：将相反的方向转换成“default”.

我建议您反对在您的上述案例中超链接您的链接文本,因为您希望文本在锚点标记内部进行SEO目的.

所以…我旋转了< a>顺时针旋转10度,旋转< span> 10度逆时针旋转.

***** ALTERNATIVELY ** – 您也可以设置显示的范围：block;并放下绝对的定位.这取决于你的用例.在这种情况下,绝对定位将允许您通过更多的控制来移动文本.

a {

color: #fff;

display: block;

width: 100px;

height: 30px;

background: blue;

border-radius: 5px;

-moz-transform: scale(1) rotate(10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);

-webkit-transform: scale(1) rotate(10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);

-o-transform: scale(1) rotate(10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);

-ms-transform: scale(1) rotate(10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);

transform: scale(1) rotate(10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);

}

span {

position: absolute;

-moz-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);

-webkit-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);

-o-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);

-ms-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);

transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);

}