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

使い方

1. narrowBandImage.cssを読み込む

<link type="text/css" href="css/narrowBandImage.css" rel="stylesheet">

2. narrowBandImage.jsを読み込む

<script src="js/narrowBandImage.js"></script>

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

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

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



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