タグ

ブックマーク / fuuno.net (1)

  • 要素が画面内に表示されたらアニメーション、IntersectionObserver。

    〽️ 画面の外で終わってる! 〽️ IntersectionObserverとは? 〽️ コードを書いていきましょう。 〽️ entriesのプロパティ。 〽️ options。 〽️ アニメーションいきます。 〽️ 全コードはこちら。 画面の外で終わってる! こんにちは、「ふ」です。 webページを彩るCSSアニメーション。みなさん作っていますか? webページはスクロールしながらユーザに閲覧されます。スクロールして、要素が画面内に表示されたタイミングでアニメーションを発火させたい、と思ったことはないでしょうか。 しかし普通にコードでアニメーションを仕込んだだけだと、ページがload(読み込まれた)時点で発火してしまいます。 繰り返し続けるものであれば問題ないのですが、1回こっきり動かしたい場合はどうでしょう。ユーザが対象の要素を画面に表示させた時には、アニメーションが終了してしまってい

  • 1