Shine

JavaScript

ダイナミック(動的)で美しいシャドウを実装できるJSライブラリ「Shine」

ShineというJavaScriptライブラリが素敵だったのでメモがてらご紹介。shine.jsを使うとテキストに美しいシャドウをつけることができます。ただシャドウがつくだけではなくて、ダイナミック(動的)なアニメーションで立体感のあるシャドウを演出することができます。

[ads_center]

Shine

Shine

shine.js

実際のデモではマウスに追従してシャドウが動きます。シャドウが動くことでテキストがより一層立体的に見えますね。

シャドウ自体カスタマイズすることもできます。

デモ画面の右上にあるOpen Controlsをクリックすると、こんな感じでシャドウを調整できるメニューが出てくるので、ここでどんな見え方がするのかを試してみるとよさそうです。

シャドウ調整

ダイナミックでカスタマイズ可能なシャドウを実装したい時にいかがでしょうか?

関連記事

  1. Switchery

    JavaScript

    チェックボックスをiOS7のようなスタイルにしてくれるjQueryプラグイン「Switchery」

    SwitcheryというjQueryプラグインを使えば、チェックボック…

  2. Picker

    JavaScript

    iOSのようなピッカーを実装できるJSライブラリ「Picker」

    Pickerは、iOSのUIのようなピッカーを実装することができるJS…

  3. no-image

    JavaScript

    豊富なオプションでカスタマイズ性も高いjQueryスライダー「startVal」

    startValは豊富なオプションやAPIを有したカスタマイズ性の高い…

  4. Filterizr

    JavaScript

    ソートやシャッフルができるギャラリーを実装するjQueryプラグイン「Filterizr」

    Filterizrはソートやシャッフルができるレスポンシブに対応したギ…

  5. Jqx-Media-Slider
  6. jQuery Navobile

最近の記事

  1. Soundcore Ace A1
  2. cheero USB-C PD Charger 60W
  3. DY-S01
  4. OWL-QI10W04

アーカイブ

PAGE TOP