静态旋转字体真棒图标
我想静态旋转我的字体超棒的图标45度。 它在网站上说：
要任意旋转和翻转图标，请使用fa-rotate- *和fa-flip- *类。
但是，在做
<i class="fa fa-link fa-rotate-45" style="font-size:1.5em"></i> 不起作用，而用fa-rotate-90replacefa-rotate-45也行。 这是否意味着它们实际上不能任意旋转？
标准声明只包含.fa-rotate-90 ， .fa-rotate-180和.fa-rotate-270 。 但是，您可以轻松创build自己的：
.fa-rotate-45 { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
如果有人绊倒这个问题，并希望在这里是我使用的SASS mixin。
@mixin rotate($deg: 90){ $sDeg: #{$deg}deg; -webkit-transform: rotate($sDeg); -moz-transform: rotate($sDeg); -ms-transform: rotate($sDeg); -o-transform: rotate($sDeg); transform: rotate($sDeg); }
如果你想旋转45度，你可以使用CSS transform属性：
.fa-rotate-45 { -ms-transform:rotate(45deg); /* Internet Explorer 9 */ -webkit-transform:rotate(45deg); /* Chrome, Safari, Opera */ transform:rotate(45deg); /* Standard syntax */ }
如果你使用Less，你可以直接使用下面的mixin：
.@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); }
