CSSで実装できる20種類のイメージエフェクト「Image Effects with CSS」!

2016/12/03

こんにちは。
今回はCSSで実装できる20種類のイメージエフェクト「Image Effects with CSS」!です。

水彩画風や色鉛筆画風など20種類のCSSで実装できるイメージエフェクトを紹介します。

CSSで実装できる20種類のイメージエフェクト「Image Effects with CSS」!

Image Effects with CSS

image-effects-with-css

http://bennettfeely.com/image-effects/

 

「Image Effects with CSS」の使い方

image-effects-with-css2

それぞれの加工した写真の下にあるCSSをコピペすると実装することができます。
Pencil、Watercolor、Emboss、Colored Pencil、Chalkboard、Colored Chalkboard、Airbrush、Hallucination、Flannel、Low-Ink(horizontal)、Low-Ink(vertical)、Collage、Mosaic、Photo Border、Infrared、Night Vision、Warhol、Selective Color、Mirror(horizontal)、Mirror(vertical)の20種類のエフェクトが用意してありますよ。

 

現場でかならず使われている CSSデザインのメソッド
現場でかならず使われている CSSデザインのメソッド

 

いかがでしたか。CSSでサックっと写真加工したい時に使いたいですね。
以上でCSSで実装できる20種類のイメージエフェクト「Image Effects with CSS」!でした。

topへ戻る