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);
}
FontAwesome 5 :
소위 "Power Transforms"를 사용할 수 있습니다. 예:
<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
data-fa-transform
의 값 rotate-
과 원하는 회전 각도로 속성 을 추가해야합니다 .
출처 : https://fontawesome.com/how-to-use/on-the-web/styling/power-transforms