Tag Archives: エフェクト

http://phastforms.com/reveal-it.js/index.html

【reveal-it.js】テキストが左から右へかけて徐々にフェードイン表示するjQueryプラグイン

Lisence: MITライセンス
Tag: アニメーションエフェクト
OKZoom

【OKZoom】虫眼鏡みたい!マウスオーバーで画像をズームできるjQueryプラグイン

Lisence: MITライセンス
Tag: エフェクトズーム
http://alexchizhov.com/pwstabs/#demos

【PWS Tabs】様々なタブを実装できるjQueryプラグイン

CSS3を使ったアニメーションでタブコンテンツを表示するjQueryプラグイン。

Lisence: MITライセンス
Tag: エフェクトタブ
http://codyhouse.co/demo/points-of-interest/

【Points of interest】サイト上にマークをつけクリックで詳細文を表示させるjQueryプラグイン

Lisence: BSDライセンスMITライセンス
Tag: エフェクトマーク吹き出し
http://gridster.net/

【gridster】パネルをグリッドに沿って自由にレイアウト配置できるjQurtyプラグイン

Lisence: MITライセンス
Tag: エフェクトレイアウト
http://script.macanow.com/animation/animation03/

【jrumble】要素を振動させるjQueryプラグイン

Lisence: MITライセンス
Tag: アニメーションエフェクト
http://4coder.info/en/code/jquery-plugins/smart3d/

【Smart3D】複数の画像を使ったパララックスエフェクトを作成するjQueryプラグイン

Lisence: BSDライセンスGPLライセンスMITライセンス
Tag: アニメーションエフェクト位置固定
http://razorjack.net/quicksand/

【Quicksand】アイテムをソート・フィルタリングするjQueryプラグイン

Lisence: GPLライセンスMITライセンス
Tag: アニメーションエフェクトフィルター
nested

【Nested】動的なグリッドレイアウトを作成するjQueryプラグイン

Lisence: MITライセンス
Tag: エフェクトレイアウトレスポンシブ
http://practiceweb.ciao.jp/jquery/index.html

【ParallaxSlider】サムネイル画像がおしゃれなjQueryプラグイン

Lisence: MITライセンス
Tag: エフェクトギャラリースライダー
http://sirxemic.github.io/jquery.ripples/

【jquery.ripples】美しい水の波紋を実装できるjQueryプラグイン

Lisence: MITライセンス
Tag: アニメーションエフェクト
http://git.blivesta.com/rippler/

【rippler】クリックしたら波紋が広がるようなアニメーションを実装できるjQueryプラグイン

Lisence: MITライセンス
Tag: アニメーションエフェクト
Kontext

【Kontext】iOSの画面切り替えのように全画面スライドさせられるJavaScript

Lisence: MITライセンス
Tag: エフェクトページめくり
jQuery.twinkle

【jQuery.twinkle】波紋のエフェクトを実装できるjQueryプラグイン

Lisence: MITライセンス
Tag: エフェクト
http://git.blivesta.com/oblurlay/

【oblurlay】背景をすりガラスのようにぼかすjQueryプラグイン

背景をすりガラスで透かして見たようなエフェクトをかけられます。

Lisence: MITライセンス
Tag: エフェクト
http://experiments.muditameta.com/whichTriangle/metroTile.html

【whichTriangle】クリックすると押されたようなエフェクトがかかるjQueryプラグイン

四角の中央・四辺をクリックするとそれぞれ違う押されたようなエフェクトをかけられるjQueryプラグイン

Lisence: MITライセンス
Tag: エフェクト
http://tuxsudo.com/code/project/letterfx

【LetterFX】テキストに様々なアニメーションをつけるjQueryプラグイン

テキストにおもしろいエフェクト・アニメーションをつけられるjQueryプラグイン

Lisence: MITライセンス
Tag: アニメーションエフェクト
http://anijs.github.io/

【AniJS】CSS3アニメーションを使ったページが実装できるスクリプト

単独jsで実装することができます。

Lisence: MITライセンス
Tag: アニメーションエフェクト
http://bigspaceship.github.io/shine.js/

【shine】テキストなど要素にマウス位置に反応するシャドウをつけるJavaScriptライブラリ

Lisence: MITライセンス
Tag: エフェクトシャドウ
http://iamceege.github.io/tooltipster/

【Tooltipster】吹き出しをつけられるjQueryプラグイン

吹き出しが表示される時のエフェクトや、表示位置、表示させるイベント(クリック、マウスオーバーなど)、速度など、いろいろなオプションが設定できます。 ※IE8では吹き出しのCSSの角丸などが反映されません。

Lisence: MITライセンス
Tag: アニメーションエフェクトポップアップ吹き出し
http://tympanus.net/codrops/2011/03/09/animated-content-menu/

【Animated Content Menu with jQuery】滑らかすぎる動きがインパクト大のナビゲーション

全画面画像を変更させるナビゲーションです。ナビゲーションの各ラベルをクリックすると対応したパネルが滑らかなアニメーションとともに展開します。

Lisence: BSDライセンス
Tag: アニメーションエフェクト
http://www.chartjs.org/

【Chart.js】複雑なデータをスタイリッシュなグラフで表示することができるjQueryプラグイン

折れ線グラフ、棒グラフ、円グラフ、レーダーチャートなど、6種類のグラフを描くことができます。

Lisence: MITライセンス
Tag: アニメーションエフェクト
http://jschr.github.io/textillate/

【textillate】多彩なテキストアニメーションが実装できるjQueryプラグイン

CSS3による多彩なテキストアニメーションが実装できるjQueryプラグイン。エフェクトの種類が非常に豊富です。

Lisence: MITライセンス
Tag: アニメーションエフェクト
http://demo.dev7studios.com/nivo-slider/

【Nivo Slider】画像にかかるエフェクトが綺麗なイメージスライダーjQueryプラグイン

画像のエフェクトが可愛らしいので、Webサイトのメインビジュアル部分などに使えます。コンテンツスライダーではなくて、あくまでイメージスライダー。画像以外には使えないので注意してください。

Lisence: MITライセンス
Tag: エフェクト
http://tympanus.net/Development/WaveDisplayEffect/

【Wave Display Effect width jQuery】ずらりと波のように並んだ写真を順番に拡大するjQueryプラグイン

Lisence: クリエイティブコモンズ
Tag: エフェクトギャラリー
http://lukeas14.github.io/animateText.js/

【animateText.js】テキストを様々なアニメーションで表示するjQueryプラグイン

テキストをスライド、フェードなどの様々なアニメーションで表示します。

Lisence: MITライセンス
Tag: アニメーションエフェクト
http://alexdunphy.github.io/refineslide/demo.html

【RefineSlide】様々なエフェクトが利用できてレスポンシブデザインにも対応可能なイメージスライドjQueryプラグイン

Lisence: MITライセンス
Tag: エフェクトレスポンシブ
http://git.aaronlumsden.com/tabulous.js/

【Tabulous.js】切り替え時のエフェクトが印象的なタブメニューを作れるjQueryプラグイン

切り替え時のエフェクトが印象的なタブメニューを作れます。エフェクトは scale / slideLeft / scaleUp / flip の4種類。IE8,9はタブメニューは作れますが、エフェクトがかかりません。

Lisence: MITライセンス
Tag: エフェクトタブ
http://plugins.compzets.com/animatescroll/

【AnimateScroll】面白いページ内スクロールを実装できるjQueryプラグイン

さまざまな動き(エフェクト効果)を指定することが可能です。エフェクトの一覧は下記サイトから確認することができます。Easing function

Lisence: MITライセンス
Tag: エフェクトスクロール

Page Top