CSSアニメーション、作り方。 2020.04.17 webアニメーションを1から学ぼう♪ ⬆︎CSSアニメーションについてのまとめページはこちら。 こんにちは、「ふ」です。 これまでCSSアニメーションのプロパティについて紹介してきましたが、いよいよ最後の1つ。animation-play-stateについてお伝えします。 animation-play-stateはCSSアニメーションの再生/一時停止を指定するもので、動画playerのpauseボタンのような働きをします。 きっかけありきのプロパティ。 これまで紹介してきた他のプロパティとは違い、animation-play-stateは何らかのきっかけとのセット〜例えば、 ・ボタンを押す + 一時停止 ・スクロール + アニメーション再開 のように実装することで、はじめて効果を発揮するものです。 記事内では、サンプルをいくつか紹介して