テキストにタイプライター風のアニメーションを実装できるJSライブラリ「iTyped.js」

2017/02/03

こんにちは。
今回はテキストにタイプライター風のアニメーションを実装できるJSライブラリ「iTyped.js」です。

テキストを一文字ずつタイプライターのようなアニメーションで表示できる軽量なJSライブラリを紹介します。

テキストにタイプライター風のアニメーションを実装できるJSライブラリ「iTyped.js」

iTyped.js

ityped-js

 

iTyped.jsをダウンロードしてみよう!

https://github.com/luisvinicius167/itypedにアクセスして右にある「Download ZIP」のボタンをクリックしてダウンロードします。

 

iTyped.jsを設置してみよう!

html部分を記述します。
idを指定しますよ。

 

先程ダウンロードしたityped.jsを/bodyの手前に読み込みます。

 

その下に下記のスクリプトを記述します。
先程指定したidを記述しますよ。

 

点滅のカーソルを実装する際は、下記のCSSを加えますよ。

 

何となくJavaScriptを書いていた人が一歩先に進むための本
何となくJavaScriptを書いていた人が一歩先に進むための本

 

いかがでしたか。テキストにかっこいいアニメーションを実装したい時に使いたいですね。
以上でテキストにタイプライター風のアニメーションを実装できるJSライブラリ「iTyped.js」でした。

topへ戻る