作成:2016/05/23 更新:2016/06/29 Webデザイン > CSSで実現する今っぽく新しいエフェクトをまとめました。2016年のトレンドをおさえてピックアップ。クリックしたときや既存の画像に面白いフィルターや動きを加えたり、今までにない効果を出したいときに。 エンジニア速報は Twitter の@commteで配信しています。 10種のSVGフィルタ SVGフィルタは、ぼかし・色相・モノクロ・明度などの視覚効果をかける機能です。 こちらはSVGフィルタを使った10種類のボタンエフェクト。SVG内で作ったフィルターをCSSで適用しています。下のコードの例だと、feGaussianBlurはぼかし、stdDeviationはぼかし幅・半径(x軸 y軸)を指定しています。feColorMatrixに変えると色変換をするので、彩度・色相・セピア・グレーなどのフィルターが可能です。