こんにちは。Webエンジニアの毛利です。 今回はWebページ制作で軽快なアニメーション表現をしよう!がテーマです。 CSS3が本格的に浸透し始め、Webページにアニメーションを取り入れたい!とかんがえる場面も多くなりました。 CSS3を用い、アニメーションを実装するコツをお伝えします。 CPU?GPU? GPUを取り入れる 軽快なアニメーションを表現するには「GPU」を使います。 Webページのレンダリングには「CPU」を使います。 「CPU」とは、かんたんに表現すると、司令塔です。 パソコンでいうと一番大事な部分で、ファイルを保存する、画像を開くなどの役割をしています。 レンダリング レンダリングとは英字や数字の羅列を、画面に画像として表示したり文章として表示したりすることをさします。 Webサイトで例えると、ソースコードの集合であるHTMLを画像や文章に変換しています。 HTMLにかか
![vol.24 HTML+CSS3で軽快アニメーション!Web制作にGPU処理を - BOEL Inc. TIPS](https://cdn-ak-scissors.b.st-hatena.com/image/square/218c93c39143fa950d90417d362dcc531d361101/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2FB%2FBOEL%2F20150324%2F20150324225707.jpg)