暮らしに役立つ便利なWEBサービスを紹介していきます

ウェブサイト上の写真にInstagram のようなフィルターをかけられるcss

● picturepan2/instagram.css

https://picturepan2.github.io/instagram.css/

<link rel="stylesheet" href="dist/instagram.css">
<figure class="filter-[filter-name]">
  <img src="assets/img/instagram.jpg">
</figure>

[filter-name]を下記から選択します。

filter-1977
filter-aden
filter-amaro
filter-ashby
filter-brannan
filter-brooklyn
filter-charmes
filter-clarendon
filter-crema
filter-dogpatch
filter-earlybird
filter-gingham
filter-ginza
filter-hefe
filter-helena
filter-hudson
filter-inkwell
filter-kelvin
filter-juno
filter-lark
filter-lofi
filter-ludwig
filter-maven
filter-mayfair
filter-moon
filter-nashville
filter-perpetua
filter-poprocket
filter-reyes
filter-rise
filter-sierra
filter-skyline
filter-slumber
filter-stinson
filter-sutro
filter-toaster
filter-valencia
filter-vesper
filter-walden
filter-willow
filter-xpro-ii
添付ファイル1
No.1570
08/09 13:54

edit

添付ファイル