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. Zoom Slider

    JavaScript

    ズーム機能を備えたシンプルなコンテンツスライダー「Zoom Slider」

    Zoom Sliderは奥行き感を演出したズーム機能を備えたシンプルな…

  2. Simple HTML Menu

    JavaScript

    モバイルにもピッタリなレスポンシブ対応のメニュー実装「Simple HTML Menu」

    Simple HTML Menuは、モバイルにもピッタリなレスポンシブ…

  3. no-image

    JavaScript

    シンプルでスタイリッシュなjQueryスライダー「Simple slider」

    Simple sliderはシンプルでスタイリッシュなスライダー(カル…

  4. Sticky Sidebar

    JavaScript

    スマートでハイパフォーマンスな追尾型サイドバー実装「Sticky Sidebar」

    Sticky Sidebarは、スマートでハイパフォーマンスな追尾型サ…

  5. Scroll To Top Then Fixed Navigation Effect With jQuery and CSS
  6. stickUp

最近の記事

  1. Aモーニングセット
  2. 白トリュフの塩パンやメロンパンなど
  3. 東京都現代美術館
  4. スーリア バターチキン
  5. そそそ 明太クリームそうめん

アーカイブ

PAGE TOP