画像をじわじわ表示します。ナローバンドの如く。

使い方

1. narrow-band-image.cssを読み込む

<link type="text/css" href="css/narrow-band-image.css" rel="stylesheet">

2. narrow-band-image.jsを読み込む

<script src="js/narrow-band-image.js"></script>

3. ゆっくり表示させたい画像をこんな感じで設定(pタグにnarrow-band-imageクラスを付けて、その中にimgタグをセット)

<p class="narrow-band-image">
  <img src="image/test.jpg">
</p>

4. ブラウザでページを表示すると、画像がじわじわ表示されるので、PCの前で小躍りする

活用方法は各自考えてください。
GitHubからダウンロードできます。