ホバーするとテキストがレインボーに光るjQueryプラグイン「Unicorn.js」

Unicorn.js

おもしろいプラグインがあったのでご紹介します。テキストにホバーするとレインボーカラーに光り始めるjQueryプラグイン「Unicorn.js」です。とても目立つので注目させたいテキストがある時なんかにいいかもしれません。

Unicorn.jsの使い方

こんな感じでカラフルに光ります。

Unicorn.jsの使い方

使い方は、まずjQuery本体とプラグインを読み込みます。

<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="path/to/unicorn/unicorn.js"></script>

そしてプラグインを呼び出してあげればOKです。

<script>
$(function() {
    $(".sample").unicorn();
});
</script>

lightやspeedなどのオプションも用意されています。

toddpress/Unicorn-js · GitHub

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

オススメ商品

Archives