テキストにインパクトを与えるBlotter.jsをこれから多用しそうな予感

テキストにとてもインパクトを与えることができるJavascriptを発見しました。
その名もBlotter.jsです。

読み込んでテキスト打ち替えておしまい。超簡単。

Blotter.jsをダウンロード

公式サイトはこちらです。
https://blotter.js.org

公式ページからダウンロードしたら、Grunt使ってコンパイル

もしGrunt 使ったことなかったら、

$ npm install -g grunt
$ grunt

でコンパイルされる。

アニメーションは主に5種類

デモがたくさんある上に右上にコントローラーを使って値を調整でき、実装がとてもスムーズにできます。
埋め込む前にイメージできて、ありがたいですよね。

実際に作った。

コードはこんな感じ。



みんなも試してね。
ほなね

作成者: makoto

旅するように生きることを目標にしているWebデザイナー&フロントエンドエンジニア。Web界隈のことやライフハックを発信中。 大阪→東京→湘南 ポートフォリオサイトはこちら http://mako.red

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA