【CSS】animation・keyframesを徹底解説 公開日:2019/01/20 /最終更新日:2019/07/05 CSS Technique 今回は「animation」、「keyframes」について、細かく徹底的に解説していきます。 「animation」、「keyframes」については知ってはいましたが、アニメーションさせるなら「transition」でいいんじゃない?と思って使っていませんでした。 しかし、当サイトのGALLERYに掲載するサイトを日々収集していると、面白いアニメーションをさせているサイトにたくさん出会います。気になるとコードまで調べて見てみるのですが、たくさんのサイトで「animation」、「keyframes」が使われておりました。 そこで、私もWeb制作者の端くれとして、これを機にしっかりと身につけようと、今回の記事をアップするに至りました。
![【CSS】animation・keyframesを徹底解説](https://cdn-ak-scissors.b.st-hatena.com/image/square/cec67148d8d8e80f5f3b4361f417e717ce01e196/height=288;version=1;width=512/https%3A%2F%2Fwebdesignday.jp%2Fwp1%2Fwp-content%2Fuploads%2F2019%2F01%2Fp5167.jpg)