Webデザイン参考記事まとめ アプデ(UPDE) - Webデザイナー/クリエイター向けの最新情報まとめアンテナ。

2016年11月22日(火)

写真加工に使える!CSSで実現するイメージフェクト「20 Image Effects With CSS」

写真を利用する時、撮影されたまま利用するという事はソフトウェアが発達してきた現在まずありませんが、今日紹介するのはレタッチソフトでは無く、CSSで実現するイメージフェクト「20 Image Effects With CSS」です。

水彩風から、黒板に書いた風のエッジを検出したものエアブラシで書いたものなどなど、全部で20ものエフェクトがCSSで指定するだけで簡単にエフェクトを利用することが可能です。

詳しくは以下

写真加工に使える!CSSで実現するイメージフェクト「20 Image Effects With CSS」

各エフェクトには参考写真とそれを実現するためのCSSがセットに書かれており、基本的にはそのクラスを画像に当てるだけで実現可能です。中には単純に色を買えるだけでは無く、写真を引き詰めて1枚の画像を作るMosicや、画像を反転して一枚の画像にするMirrorなど一風変わった表現も実現可能です。

アイデア次第で、新しい表現が手軽に実現できそうです。...

author:

Design Develop

http://design-develop.net

デザインを開発するという視点からWEBデザインに役立つ情報を発信しているクリエイティブBLOG

今日のwebデザイン記事ランキングを見る

Ads

デザインを開発するという視点からWEBデザインに役立つ情報を発信しているクリエイティブBLOGDesign Developの記事『写真加工に使える!CSSで実現するイメージフェクト「20 Image Effects With CSS」』についてまとめています。

この記事は特にCSS3・写真について書かれており、 Webマーケティング、Webデザイン、HTML+CSSコーディングのカテゴリーに分類されます。気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のDesign Developで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとDesign Developの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。

Ads

最近の人気記事

人気のタグ