投稿日：2017年5月10日 更新日：
jQueryの取扱が苦手な私でもすぐに実装することができたフェードインエフェクト。
トップのイメージ画像の上にテキストをふわっと表示させたいなーと思い調べてたら、かなりシンプルな記述でフェードインエフェクト実装できる方法を書いてるページを見つけました！
ありがとうございます！
フェードインエフェクト簡単実装
サンプルよりもっとゆっくり表示させたいと思い、("slow")の部分を("2000")とかに変更したけど変化なし。
何でだろー？と思ってたら数値入力の時はダブルコーテーション要らなかった。
初歩的なミスですが次の時のためにメモ。
他にも色々なエフェクトがあり、簡単に実装できるようになってます。
jQuery日本語リファレンス
関連記事
スタイルなどの装飾 ボタンのホバーアニメ。 バリエーションが豊富です。デザインのヒントに 【保存版】CSSだけで作れるホバーアニメーションボタン総まとめ 見た目で調節したらプレフィックスまで書いてくれ ...
jquaryをリンクさせる htmlファイルでsection毎に背景画像を設定 cssにて。 width:100%; background:url()center center no-repeat f ...
アドビのサイトにとっても分かりやすく説明されていたアニメーションgifの作り方。 連続写真や動画から簡単に作成できます。 アニメーションgifの作成方法 動画の再生やアニメーションgifのサンプル作成 ...
このサイトのメニューでも使ってますが、やってみたかったけどなかなか方法が見つけられなかったリストの区切り(border)を直線でなく斜め線にする方法。 まずはHTMLでメニュー作成 普通にリストで作成 ...
サイト作成の時にメニューアイコンを作っていたけど 3つのメニューのうち1つをアイコンフォント使ってたら表示の鮮明さに驚いた。 他のアイコンはpng形式の画像だったけど全然違う。 通常、画像でできたアイ ...
