テキストにタイプライター風のアニメーションを実装できる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」でした。

Amazonで欲しい商品を安く手に入れる方法!

Amazonでお得に買い物をしたいならAmazonギフト券の現金チャージするのがおすすめです。
現金チャージする度に最大2.5%分のポイントが貯まります。

現在キャンペーン中なので、初めて5,000円以上の現金チャージする場合は1,000円分のポイントがもらえます。
いつキャンペーンが終了するか分からないので、Amazonをよく利用される方はいますぐにやっておきたいですね。

この記事を読んだ人はこんな記事も読んでいますよ