フロントエンド・デザイナーやデベロッパーは、スタイリングや配置、またデザイン性の良いサイトを作成するためにCSS(Cascading Style Sheets、カスケーディング・スタイル・シート)を利用します。しばしばページに変化(英: Transition)やアニメーション(英: Animation)を加えるためにCSSを利用しますが、まだまだ開発する余地がありそうです。 アニメーションは、訪問ユーザーにとってデザインをよリ理解しやすく、ためになる情報を伝える強力なツールとなるでしょう。ウェブサイト制作で活用でき、よりパワフルな使い方ができる基本原則を今回はご紹介します。 ディズニー社の現場で長年培われた、アニメーションの基本原則12個(英: 12 Principles of Animation)は、「生命を吹き込むイリュージョン: ディズニーアニメーション(英: The Illusio
![ディズニー社に学ぶ!HTML/CSSで12個のアニメーション基本原則を完全再現!](https://cdn-ak-scissors.b.st-hatena.com/image/square/9e21777c5504b6fb9be396ec393805162e70c336/height=288;version=1;width=512/https%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2015%2F03%2Fanimation-principle-top1.jpg)