CSSフィルター

CSSフィルター

インスタグラムや当社のアプリ「フォトブックらく〜だ」にも搭載されている、写真を扱うウェブアプリやモバイルアプリには必須の「フィルター機能」ですが、現在だとCSSだけで簡単に実装できるようでした。
もしかしたら、将来使うかもと考えていましたので、ブログ記事に合わせてテストしてみました。

以下がその実装です。
*IE(インターネットエクスプローラー)では確認できません。ごめんなさい

sample


上のセレクトボックスからフィルターを選択してみてください。
CSSだけなので、実装だけだと10分程でフィルター機能を持たせることができますし、アメブロやはてなといった既存のブログサービスにも適用出来そうです。
ご希望の方はぜひ秋田パンフレットまでお問い合せくださいー!

【作者サイト】
http://una.im/CSSgram/
https://github.com/una/CSSgram

【ふぉとブックらく〜だ】
http://ai-create.net/lp/photobook_rakuda/