FontAwesome 5が表示されない！その時に考えられる原因とは？ | ギガログ
アイコンフォントの中で1番人気のある、FontAwesome 5が表示されないときに試してみることをいくつかご紹介します。 アイコンフォントを使用するにはもちろん導入が必要ですが、導入と聞くと、初心者の方からすれば少し避けてしまいがちですよね。 導入をして表示しようと試みても、うまく表示されないことはざらです。 今回は自分のサイトにFontAwesomeを保存して表示するパターンではなく、CDNを利用して表示できない場合について書いていきます。 なお、そもそもFontAwesomeがよくわからない方、詳細を下記の記事にまとめていますので、ご参考にしてください。 そもそもコードに誤りがないか 根本的にですが、CDNのコードに誤りがないか念のため確認してください。 基本コピーするので大丈夫だと思いますが・・・笑 本記事を書いた時点では、バージョン5.0.10までリリースされていましたので、下記
CSSで画像などをホバーした時に回転させる方法
2017/06/22 画像などにホバーした時、回転させるにはtransformプロパティを利用します。その他諸々、回転を綺麗に見せるために調整しなければいけません。 サンプルコードホバー時に90度回転させる例です。 div:hover .target { transform: rotateZ( 90deg ) ; }デモZ軸Z軸を基軸とした回転をする例です。コンテナとなる要素(.container)で囲まないと上手く回転しません。2箇所あるrotateZの部分を、rotateX(水平方向)、またはrotateY(垂直方向)にすることで回転方法を変更できます。 <!-- このコードは編集できます。 --> <!DOCTYPE html> <html> <head> <style> .container { width: 100px ; height: 100px ; line-height:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
