まだすべてのモジュールが勧告には至っていませんが、CSS3でアニメーションが使えるようになって数年たち、複雑ではないちょっとした動きなら、クライアントからCSSでの実装を依頼されることが増えてきました。 CSS3アニメーションを使う際のネックになっていた、IE8、IE10のサポートも終了したことで、ますます使う機会が増えるのではないかと思います。(VistaのIE9は生き残っていますが…) 配布されているソースを貼るだけで普通に動いてくれるので、どのプロパティが何を指定するものなのか、漠然としかわからないまま使っていましたが、使ってみたら、意外と理解できていないことが多かったので、調べました。 CSS3のアニメーションには「animation」と「transition」がありますが、まずはその違いから。 ■animation ループできる 自動再生できる keyframesで、動きを細かく
![CSS3でアニメーション:初歩の初歩 | Tips Note by TAM](https://cdn-ak-scissors.b.st-hatena.com/image/square/1bedd8c7bf76954b38176fd61b807ea2b84e9ab9/height=288;version=1;width=512/https%3A%2F%2Fwww.tam-tam.co.jp%2Ftipsnote%2Fwpdata%2Fwp-content%2Fuploads%2F2016%2F01%2F0122_1200x630-1024x538.jpg)