我想将我的字体很棒的图标静态旋转 45 度。它在网站上说：
要任意旋转和翻转图标，请使用 fa-rotate-* 和 fa-flip-* 类。
然而，做
<i class="fa fa-link fa-rotate-45" style="font-size:1.5em"></i>
不起作用，而更换fa-rotate-45 with fa-rotate-90做。这是否意味着它们实际上不能任意轮换？
在 FontAwesome 5 之前：
标准声明仅包含.fa-rotate-90, .fa-rotate-180 and .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);
}
使用 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>
您需要添加data-fa-transform属性值为rotate-以及您想要的旋转角度。
Source: https://fontawesome.com/how-to-use/on-the-web/styling/power-transforms https://fontawesome.com/how-to-use/on-the-web/styling/power-transforms
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
