Webサービスの画面にアニメーションをつけたいなと思ったときに、いろいろ調べたときの備忘録。
いろいろあって悩ましい。。
アニメーションライブラリ
- AOS - Animate on scroll library
- スクロールアニメーションのライブラリ。簡単に導入できる
- Delighters
- スクロールアニメーションのライブラリ
- GitHub - juliangarnier/anime: JavaScript Animation Engine
- 軽くていろいろできるけど、スクロール検知などはないので、自前
- Moving Letters | Text animated with JavaScript & anime.js
- anime.jsを利用した。テキストエフェクト/アニメーションのサンプル集
- Animista
- CSSアニメーションのサンプル集
- まとめ記事
- CSSアニメーションについての解説記事
- Lottie
その他
- anime.jsでテキストにアニメーションエフェクトを付与するコードをまとめたサンプル集・「MOVING LETTERS」 | かちびと.net
- anime.jsでスクロールに合わせたアニメーション
- スクロールして表示領域に入ったら要素をアニメーション表示する - Qiita
- jQueryで実装するスクロールに伴う演出｜WEB Drawer｜web制作に関するネタの引き出しサイト
- CSS - backgroud-size:cover みたいに動画を設定する｜teratail
- CSSのアニメーションをまとめたサイト・記事10選 | TechAcademyマガジン
- パララックス効果が秀逸なWebサイト＆作り方まとめ
- 【2017年版】HTML/CSSで表現できる、すごいテキストエフェクト66選 - PhotoshopVIP
- こんなにあった！UIデザイナー向けアニメーションライブラリー最新ベスト9 - WPJ
- 無料で使えるCSS、JavaScriptのアニメーションライブラリ10選 | Workship MAGAZINE(ワークシップマガジン)
- すぐに使えるアニメーション系ライブラリ15選 – ホームページ制作【大阪・加古川】AWESOME | SEO・集客に強い
以上！！
