WEBサイトで文字にリッチな動きを付けてみよう【テキスト・SVG】 - fa lab
昨今のWEBでは先進的な技術を使いユーザーを魅了するサイトが多いように感じます。 先日、リッチな動きとより良いユーザー・エクスペリエンスをあなたのサイトにプラスする方法と言うSmart Transitionの記事を書きましたが、その内容に近いユーザー・エクスペリエンスを向上させる方法です。 今日はWEBサイトで文字に動きを付ける方法をご紹介したいと思います。 WEBサイトで文字にリッチな動きを付けてみよう 目次 テキストデータにエフェクトを付ける方法 SVGで書き順をアニメーションする方法 おまけ：FlashファイルからSVGを作れるSwiffy テキストデータにエフェクトを付ける方法 まずは先人たちの作例を見てみましょう！ Quoitworks Quoitworksさんのサイト、ページに入るとページタイトルがアニメーションします、カッコイイですね。 このようなエフェクトを実装するに
BonsaiJS
Introduction Bonsai is a JavaScript graphics library. Bonsai's main features include: Architecturally separated runner and renderer iFrame, Worker and Node running contexts Paths Assets (Audio, Video, Images, Fonts, SubMovies) Keyframe and time based animations (easing functions too) Path morphing and much more... Community For the finer details, see the documentation. #bonsaijs on irc.freenode.ne
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
