見出し画像

『実践!ポートフォリオサイトに動きをつけよう』をリリースしました

今週は『実践!ポートフォリオサイトに動きをつけよう』をリリースしました。先週リリースしたサイトに、JavaScript の Intersection Observer API を使って動きをつけていきます。

画像2

↑ ページ内に要素が現れたときにふわっと表示させます。

画像2

↑ CSSアニメーションをカスタマイズする方法も紹介します。

ページをスクロールしていくとふわっと要素が現れるような動きは最近よく見るので、自分で実装できるようになっておくといいでしょう。今回は全5回にまとめてみました。詳細は以下からご確認ください。

・実践!ポートフォリオサイトに動きをつけよう(全5回)
https://dotinstall.com/lessons/portfolio_js



この記事が気に入ったらサポートをしてみませんか?