昨今のWEBでは先進的な技術を使いユーザーを魅了するサイトが多いように感じます。 先日、リッチな動きとより良いユーザー・エクスペリエンスをあなたのサイトにプラスする方法と言うSmart Transitionの記事を書きましたが、その内容に近いユーザー・エクスペリエンスを向上させる方法です。 今日はWEBサイトで文字に動きを付ける方法をご紹介したいと思います。 WEBサイトで文字にリッチな動きを付けてみよう 目次 テキストデータにエフェクトを付ける方法 SVGで書き順をアニメーションする方法 おまけ:FlashファイルからSVGを作れるSwiffy テキストデータにエフェクトを付ける方法 まずは先人たちの作例を見てみましょう! Quoitworks Quoitworksさんのサイト、ページに入るとページタイトルがアニメーションします、カッコイイですね。 このようなエフェクトを実装するに
![WEBサイトで文字にリッチな動きを付けてみよう【テキスト・SVG】 - fa lab](https://cdn-ak-scissors.b.st-hatena.com/image/square/aedab6785aaffbb130f5ffc67663847305cadcc2/height=288;version=1;width=512/http%3A%2F%2Fwww.flexagent.co.jp%2Ffalab%2Fwp-content%2Fuploads%2F2014%2F02%2Fmv3.png)