2013背景画像がゆっくりと浮かび上がったり、オンマウスで背景画像がスライドしたり、以前はjavaやFlashでしか表現できなかった効果をCSSだけでつけることができる。CSStransitionについてご紹介します。transitionは御察しの様に、対応しているブラウザには限りがある。現時点での対応ブラウザに関しては下記を参考にしてください。https://developer.mozilla.org/ja/docs/Web/CSS/transition徐々に対応ブラウザも増加してく事でしょうし、oldブラウザでバグがでるわけでもありませんので、ぜひ積極的に取り入れていきたい技術です。trasitionが注目される理由ソースが軽いCSSのみでアニメーション効果をつけることは、java等でつけるそれと比べて、ページ読み込み速度が速いというメリットがある。デザインの幅が広がるレスポンシブデザイン等で、マルチデバイスにワンソースで対応するといった設計が主流になりつつある中、スマホ向けのデザインはどうしてもシンプルなものになりがちです。transionはデザインにワンポイントアクセントを加えるの要素となります。transitionを簡単に生成できるサービスこうしたサービスは本当にありがたいです。作業効率が格段にあがります。Ceaserイージングの調整をオンラインで簡単に行うことができる。調整後はソースをコピーするだけ。Ceaseranimatableこんなにあるんですね・・・・。アニメーションの一覧を見れるサイトです。どんな効果が最適か、まずはこのサイトを見てから考えると良いかもしれません。listsリスト化された画像にアニメーションをつけてくれるサービスです。listsAnimate.cssボタンの動きを確認しながらアニメーションを選ぶことができる。Animate.css他にも便利なツールがあるのでぜひトライしてみてください。