フィルター効果

リファレンス

プロパティ

• backdrop-filter
• filter

関数

• blur()
• brightness()
• contrast()
• drop-shadow()
• grayscale()
• hue-rotate()
• invert()
• opacity()
• saturate()
• sepia()

ガイド

CSS フィルター効果の使用

CSS フィルター効果に関する概念の概要、プロパティ、フィルター機能、SVG フィルターを含め、フィルター値、ソース順序、値の操作について説明します。

関連概念

• <image> データ型

• <filter-function> データ型

• background-image プロパティ

• background-blend-mode プロパティ

• mix-blend-mode プロパティ

• interpolation 用語項目

• color-interpolation-filters SVG プロパティ

仕様書

ブラウザーの互換性

backdrop-filter プロパティ

filter プロパティ