眼球を捉えるようなユニークな動きをするアニメーションを絶妙なタイミングで取り入れることで、ユーザーの興味を引いて離脱を防げる確率が高くなります。 アニメーションはHTML5やCSSでも簡単なものであれば実装することができますが、10年前にAdobe Flashを使って表現していたような複雑なアニメーションを実現するために、CSSやJavaScriptを使ったライブラリを取り入れている方もいらっしゃるのではないでしょうか。 しかし、ライブラリには大抵デモページがついているものの、基本的なアニメーションの確認しか行うことができないものがほとんどです。 実際のところこうしたアニメーションライブラリにはアニメーションの速度やタイミングなど、さまざまなオプションがあり、オプションを活用することで、より活き活きとしたアニメーションを実装することができます。 ところが、デモページではこれらの詳細まで微調
![調整も楽々!CSSアニメーションをその場で確認できる「Animista」の使い方を解説](https://cdn-ak-scissors.b.st-hatena.com/image/square/a58a821b95b96740e5609c9d8cf192efb5e4886f/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F6639%2Fog_image%2Fdefault-4071404b2b25d0f0641c7d5f97beb9cb.jpg)