skuare.net

Instagramのように画像にエフェクトを与えるjQueryプラグインsimpleFilter.js | A jQuery Pluginです
これを利用することにより、さくっと印象的な画像を表示させられます。

使用方法 vivialice/simpleFilter.js-A-jQuery-plugin ? GitHubからファイル一式をダウンロード。
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.simpleFilter.js"></script>
<script>
$(function(){
$('.class名').simpleFilter({
filter : 'fade', //fade, vintage, greyscale, luxen, subtle, olive, oldtimey
lightleak : 'lightleak01', //lightleak01, lightleak02, lightleak03
shadow : 'drama' //vignette, drama
});
});
</script>
上記を記述したら、対象の画像にclassを付与するだけです。
<amp-img src="画像パス" class="class名">
画像を簡単にInstagram風に加工！jQueryプラグイン「simpleFilter.js」サンプル