最近WEBサイトでよく見るアニメーションを実装したい。

Question

前提・実現したいこと

https://recruit.ga-tech.co.jp/
上記のURLのように、
スクロールすることで文字や写真が
シャッと左からアミが現れて、右にぬけていき表示されるアニメーションの
サイトが最近増えているように思います。

これを実装したいのです。

動き自体はCSSで実装できるんですが、
どうすれば可視領域に来た時にこのアニメーションが発火させるのかがわかりません。

どのように実装されているのかご教示いただけませんでしょうか？

Comments

[退会済みユーザー]

それほどめあたらしいことでもなかったり http://www.htmq.com/style/filter.shtml

[m.ts10806]

ブラウザ開発ツール上で動きを追うのも難しいのでしょうか。

Answer 1

どうすれば可視領域に来た時にこのアニメーションが発火させるのかがわかりません。

inview.jsを使えば、想定のタイミングでアニメーションが実行出来るかと思います。
http://gimmicklog.main.jp/jquery/581/

Comments

[kszk311]

あ、あと質問のタイトルがほんわかしすぎているので、質問内容に沿った具体的なタイトルにしておいてください。