jQuery textillate.js で CSS3 テキストアニメーションを動かしてみたサンプルコードをご紹介します。

背景 textillate.js を使う機会があった

2017年からメンテナンスが止まっていますが jQuery textillate.js で CSS3 テキストアニメーションを動かす機会があったので、動作確認で利用したサンプルコードをご紹介します。

• 公式デモサイト: Textillate.js
• GitHub: jschr/textillate: A jquery plugin for CSS3 text animations.

textillate.js の CDN

jQuery textillate.js を利用するために必要なライブラリを含む cdnjs のリンクは以下のとおりです。

• animate.css
• jquery
• lettering.js
• textillate

textillate.js サンプルコード

サンプルコード、デモページは以下の GitHub Pull Request に公開していますので、ぜひご覧ください。

• ? jQuery textillate.js のサンプルコード · Pull Request #6 · codenote-net/sandbox
• DEMO: https://codenote-net.github.io/sandbox/textillate/index.html

以上、jQuery textillate.js で CSS3 テキストアニメーションを動かしてみた、現場からお送りしました。