CSS滤镜各属性默认值查询及Angular应用场景适配

以下是你列出的所有CSS滤镜的默认值（按需求转换为百分比/对应单位形式）：

• blur：默认值为 0（无模糊效果，单位如px可省略，默认0即无模糊）
• brightness：默认值为 100%（对应数值1，保持原亮度）
• contrast：默认值为 100%（对应数值1，保持原对比度）
• grayscale：默认值为 0%（对应数值0，无灰度效果）
• hue-rotate：默认值为 0deg（无色调旋转）
• invert：默认值为 0%（对应数值0，无颜色反转）
• opacity：默认值为 100%（对应数值1，完全不透明）
• saturate：默认值为 100%（对应数值1，保持原饱和度）
• sepia：默认值为 0%（对应数值0，无棕褐色效果）

针对你的Angular场景的默认值初始化 #

在控制器中，你可以这样初始化filters对象，确保默认状态下元素无滤镜效果：

filters = {
  brightness: 100,
  contrast: 100,
  grayscale: 0,
  saturate: 100,
  sepia: 0,
  'hue-rotate': 0,
  invert: 0,
  // 若需添加blur，可补充 blur: 0
};

内容的提问来源于stack exchange，提问作者danday74