Shine

JavaScript

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

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

[ads_center]

Shine

Shine

shine.js

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

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

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

シャドウ調整

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

WordPressでmicrodataを使ったパンくずリストWordPressでパンくずリストをmicrodataを使ってマークアップするやり方前のページ

異なる高さを揃えてくれるレスポンシブ対応のjQueryプラグイン「jquery.matchHeight.js」次のページjquery.matchHeight.js

関連記事

  1. no-image
  2. Ion Zoom

    JavaScript

    シンプルで美しいLightbox系のjQueryプラグイン「Ion Zoom」

    シンプルで美しいLightbox系のjQueryプラグイン「Ion Z…

  3. no-image

    JavaScript

    高さを揃えたレスポンシブな画像ギャラリー「jQuery Mosaic plugin」

    jQuery Mosaic pluginは高さを揃えたレスポンシブな画…

  4. no-image

    JavaScript

    シンプルなバナースライドショーを実装できる「jsslider」

    jssliderはシンプルなバナースライドショーを実装できるjQuer…

  5. Erge Drop Down Menu Control

最近の記事

  1. NIVEA MEN CREME
  2. チャイラテ
  3. ベーコンエッグアボカドトーストとゆずジンジャーアップル
  4. COMOLI ナッピングウールショーツ
  5. 川上庵(麻布十番)牡蠣天せいろ
PAGE TOP