文字を別の文字に切り替えながら超クールにアニメーションさせながら表示「Shuffle Letters Effect」
2011年09月29日-
スポンサード リンク
Shuffle Letters Effect: a jQuery Plugin | Tutorialzine
文字を別の文字に切り替えながら超クールにアニメーションさせながら表示「Shuffle Letters Effect」。
Flashサイトなんかであったりするあのエフェクト。ちょっと言葉では説明しづらいんですが、別の文字からa,b,c という感じでアニメーションさせつつ切り替えながら本来表示すべき文字にするというモノです。
デモページ - ページ下部に文字を入れてEnterキー
ド派手ってわけじゃないんですが、なんかカッコイイですよね。
タイトル文字なんかをアニメーションさせれば単なるテキストでもインパクトがあります。
次のようにコールするだけで使えるというのは素晴らしい限り
$(element).shuffleLetters({ "text": value });
関連エントリ
文字を別の文字に切り替えながら超クールにアニメーションさせながら表示「Shuffle Letters Effect」。
Flashサイトなんかであったりするあのエフェクト。ちょっと言葉では説明しづらいんですが、別の文字からa,b,c という感じでアニメーションさせつつ切り替えながら本来表示すべき文字にするというモノです。
デモページ - ページ下部に文字を入れてEnterキー
ド派手ってわけじゃないんですが、なんかカッコイイですよね。
タイトル文字なんかをアニメーションさせれば単なるテキストでもインパクトがあります。
次のようにコールするだけで使えるというのは素晴らしい限り
$(element).shuffleLetters({ "text": value });
関連エントリ
スポンサード リンク
By.KJ : 2011年09月29日 08:58 
間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- CSSやTailwindでのCSSスニペットライブラリ「CSS Snippets Library」
- AIを使ってサイトマップが作れる「Octopus.do」
- ライブラリ依存のないモーダルオープンライブラリ「Blendy」
- 個性的な明朝フリーフォント「築豊初号明朝OFL」
- CSSで太陽が差し込むようなアニメーション実装
- 可愛くアニメーションする「beautifully crafted animated icons」
- アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」
- ユニークなカタカナフォントtorisippo
- 美しいメッシュグラデーションをCSSで簡単に取得できる「MSHR」
- TailwindCSSなサイトで使える100以上のアニメーションエフェクト「animata」
- 過去のエントリ
