Sassmatic - CSS3を使ってダイナミックに画像へフィルタ適用MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 画像の加工処理をやろうとすると、サーバサイドでもJavaScriptでも面倒といった印象がありますよね。特にユーザに選ばせたり、その場でダイナミックにフィルタを適用するなんてのは相当大変です。 そこで使ってみたいのがSassmaticです。SCSSを使ってCSS3だけでフィルタリングを実現するライブラリです。 Sassmaticの使い方 使い方は簡単で、例えば以下のようにHTMLがあったとします。 <div> <img src="img/example.jpg"/> </div> そしてSCSSは以下のように定義します。 @import "compass"; @import "sassmatic.scss"; div { @extend %filter-sanfran; } img
