こんにちは、ma-ya’s CREATE[まーやずくりえいと]です。 個人的にテキストアニメーションが好きです。 このサイトでも「Textillate.js」というプラグインを使用してますが、もっとさりげないエフェクトのものが欲しいな〜と思っていました。 Textillateもいいんですけど、ちょっと動きが大げさなんですよね。 というわけで。 エフェクトも実装もシンプル!軽量テキストアニメーションjQueryプラグインを作ってみた 多機能ではないですがちょっとしたJSとCSSの記述で使用できます。 名付けて「Textyle.js」(テキスタイル)。 シンプル機能なので当たり前ですがサイズも1KB以下と軽量です。 詳細は後述しますが、上下左右(斜め含む)からの移動とフェードが可能。エフェクト後に発生させるコールバックの指定も可能です。動きは↓こんな感じ。 特徴 指定要素内テキストをプラグイン