画像に簡単にポラロイド風エフェクトをかけられるJavaScriptライブラリ「Instant.js」
2007年06月18日-
スポンサード リンク
Instant.js
Instant.js 1.0 allows you to add an instant picture effect (including tilt) to images on your webpages.
画像に簡単にポラロイド風エフェクトをかけられるJavaScriptライブラリ「Instant.js」
次のように、画像をポラロイド風にすることが出来ます。使い方も簡単で、画像の class 属性に定められたclass名を付けるだけ。
使い方は、まず、<script type="text/javascript" src="instant.js"></script> でinstant.js を読み込んで、
画像にclass属性 (instant 、itiltleft 、icolor000000 、 ishadow50) といった値を設定するだけのようです。
いちいち画像を加工する手間が省け、単体で画像を貼っただけよりもオシャレな効果が得られるので便利ですね。
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 和柄背景画像フリー素材
- SVGのローディングアイコン「svg-spinners」
- グリッドにおしゃれなエフェクトをつけるサンプル
- 属性に値を設定するだけでパララックスアニメーションさせられる「Scroll Btween」
- スクロールで要素が迫ってくるようなエフェクトを作る「PushIn.js」
- 総数3.2万個のアイコンライブラリまとめサイト「Iconer」
- 2000個近いフリーのピクトグラムアイコン「tabler-icons」
- ページスクロールで背景ムービーが動くページが作れる「ScrollMovie」
- テキストがシャッフルされてかっこいいMENU実装
- 手書き風ピクトグラムアイコン400種「Doodle Icons」
- 過去のエントリ