Skip to main content
DevTools24

CSSフィルター生成ツール

CSSフィルター効果を視覚的に作成します。ライブプレビューでぼかし、明るさ、コントラストなどを調整。

Preview
filter: none;

CSS Filter Property - 技術的な詳細

The CSS filter property applies graphical effects like blur or color shift to an element. Filters are commonly used for image effects, hover states, and visual enhancements. Multiple filter functions can be combined.

コマンドラインでの代替方法

img:hover {\n  filter: brightness(1.1) contrast(1.1) saturate(1.2);\n}

参照

公式仕様を見る