Creative SVG Letter Animations | Codrops

SVGアニメーションするアルファベットによるロゴ実装チュートリアル。
アルファベットのそれぞれが気持ちよくアニメーションし、ロゴ全体を一気に動かすことでクールなエフェクトが実現されています。
アニメーションすることで単に文字を並べた時と比較して大きく印象が異なります。一見の価値はあると思います





関連エントリ

• オシャレなアニメーションで動作するスライドショー「Elastic Circle Slideshow」
• ページ遷移を意識させないアニメーションによるページ切り替え効果実装
• SVGでクールにアニメーションするローディングボタン実装「Loading Buttons」
• 画像をボケた状態から鮮明にするアニメーション「Blurry-image-load」
• CSSアニメーションでページの表示時に要素を小気味よく動かすデモ集