注目キーワード
  1. Wordpress
  2. テーマ
  3. プラグイン
  4. SEO
  5. 集客

細かい設定も可能な、画像にさまざまなカラーフィルターをかけられるCSSライブラリ・「filters.css」


filters.css


filters.cssは細かい設定も可能な、画像にさまざまなカラーフィルターをかけられるCSSライブラリです。

昔ご紹介したInstagram.cssなどのように、任意の画像にclassを付与するだけでカラーフィルターをかけられる、というもの。

こちらは細かい設定も可能で、より使いやすく設計されている印象です。

サンプル

動作テストです。フィルターがかかっているのが確認出来ましたでしょうか。

<link href="https://unpkg.com/filters.css" rel="stylesheet">

↑ CDNが用意されているので手軽に試せますね。

<img class="hover-blur-2" src="foo.jpg" />

↑ 例えば上記ならマウスホバー時にfilter: blur(2px);をかける事が出来ます。

他にもgrayscaleやcontrast、saturateや、背景をblurさせるbackdrop-blurなどがそれぞれ10段階用意されている他、hoverタイプなども用意しているなど、細かい設定にも対応しています。

需要はともかく、使いやすいんじゃないかなぁと思います。ライセンスはMIT。

filters.css

#wordpress #ワードプレス #SEO #集客

「かちびと.net」を閲覧する

最新情報をチェックしよう!
>WordPressに関連する情報まとめ

WordPressに関連する情報まとめ

ブログ / ホームページの価値の最大化をさせるCMS、WordPress(ワードプレス)。フリーのブログとは違い、いくらか敷居の高い印象がありますが、一つ一つクリアにしてみるときっとあなたもWordPressのパワーの恩恵に預かれると思います。当サイトを見て、まずはトライしてみましょう!

CTR IMG