Font-Awesomeで45度傾けたアイコンを用意する方法

@iwasaki 51views 更新:2016年3月9日

https://fortawesome.github.io/Font-Awesome/examples/

では90度刻みの設定がされていますが、45度については以下の様なクラスを用意します。

.fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

参考

http://stackoverflow.com/questions/22747193/statically-rotate-font-awesome-icons

https://github.com/FortAwesome/Font-Awesome/issues/2858

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません