画像に簡単にポラロイド風エフェクトをかけられる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
最新のブログ記事(新着順)
- くちばしフォント【商用可】
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 過去のエントリ