我想将我的字体超赞的图标静态旋转45度.网站上写着:
要任意旋转和翻转图标，请使用fa-Rotate-*和fa-flip-*类.
然而，做一件事
<i class="fa fa-link fa-rotate-45" style="font-size:1.5em"></i>
不起作用，而用fa-rotate-90代替fa-rotate-45起作用.这是否意味着它们实际上不能任意旋转？
我想将我的字体超赞的图标静态旋转45度.网站上写着:
要任意旋转和翻转图标，请使用fa-Rotate-*和fa-flip-*类.
然而，做一件事
<i class="fa fa-link fa-rotate-45" style="font-size:1.5em"></i>
不起作用，而用fa-rotate-90代替fa-rotate-45起作用.这是否意味着它们实际上不能任意旋转？
Before FontAwesome 5:个
标准声明只包含.fa-rotate-90、.fa-rotate-180和.fa-rotate-270.
但是，您可以轻松创建自己的:
.fa-rotate-45 {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
With FontAwesome 5:个
你可以使用所谓的"能量变换".示例:
<i class="fas fa-snowman" data-fa-transform="rotate-90"></i>
<i class="fas fa-snowman" data-fa-transform="rotate-180"></i>
<i class="fas fa-snowman" data-fa-transform="rotate-270"></i>
<i class="fas fa-snowman" data-fa-transform="rotate-30"></i>
<i class="fas fa-snowman" data-fa-transform="rotate--30"></i>
您需要添加值为rotate-的data-fa-transform属性和所需的旋转(以度为单位).
来源:https://fontawesome.com/how-to-use/on-the-web/styling/power-transforms