デザインアクセントに!タイプライターで打っているようなテキスト

Javascript・プラグイン

タイプライター文字

まるでタイプライターで文字を打っているような表現を実現してくる「t-js」。

軽量で実装も簡単、IE8以降、Android 4以降、その他のモダンブラウザはほぼ対応していますので使い勝手もいいです。

読みやすさなどユーザビリティーは考慮しながらも、デザインのアクセントとして利用してみるのもいいかもしれません。

デモをチェック!

t-jsをダウンロード

公式サイト、またはGitHubからダウンロードしてください。

公式サイトからダウンロード

GitHubからダウンロード

t-js実装する

jqueryとダウンロードしたファイルの中の「t.min.js」を読み込みます。

適応させたい要素に任意のクラス名を付けます。ここでは「type」とします。

そして読み込んだjsの後にメソッドを記述します。下記コードを記述するだけで実装できます。

さまざまなオプションも用意されています。

詳細は公式サイトでチェック

デモをチェック!

こちらのサイトを参考にさせていただきました。

参考サイトはこちら

最新記事