filter-effects.json

{
  "spec": {
    "title": "Filter Effects Module Level 1",
    "url": "https://www.w3.org/TR/filter-effects-1/"
  },
  "properties": {
    "filter": {
      "name": "filter",
      "value": "none | <filter-value-list>",
      "initial": "none",
      "appliesTo": "All elements. In SVG, it applies to container elements without the defs element, all graphics elements and the use element.",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "as specified",
      "canonicalOrder": "per grammar",
      "media": "visual",
      "animatable": "See prose in Animation of Filters.",
      "styleDeclaration": [
        "filter"
      ]
    },
    "flood-color": {
      "name": "flood-color",
      "value": "<color>",
      "initial": "black",
      "appliesTo": "feFlood and feDropShadow elements",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "as specified",
      "canonicalOrder": "per grammar",
      "media": "visual",
      "animatable": "as by computed value",
      "styleDeclaration": [
        "flood-color",
        "floodColor"
      ]
    },
    "flood-opacity": {
      "name": "flood-opacity",
      "value": "<alpha-value>",
      "initial": "1",
      "appliesTo": "feFlood and feDropShadow elements",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "the specified value converted to a number, clamped to the range [0,1]",
      "canonicalOrder": "per grammar",
      "media": "visual",
      "animatable": "by computed value",
      "styleDeclaration": [
        "flood-opacity",
        "floodOpacity"
      ]
    },
    "color-interpolation-filters": {
      "name": "color-interpolation-filters",
      "value": "auto | sRGB | linearRGB",
      "initial": "linearRGB",
      "appliesTo": "All filter primitives",
      "inherited": "yes",
      "percentages": "n/a",
      "computedValue": "as specified",
      "canonicalOrder": "per grammar",
      "media": "visual",
      "animatable": "no",
      "styleDeclaration": [
        "color-interpolation-filters",
        "colorInterpolationFilters"
      ]
    },
    "lighting-color": {
      "name": "lighting-color",
      "value": "<color>",
      "initial": "white",
      "appliesTo": "feDiffuseLighting and feSpecularLighting elements",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "as specified",
      "canonicalOrder": "per grammar",
      "media": "visual",
      "animatable": "as by computed value",
      "styleDeclaration": [
        "lighting-color",
        "lightingColor"
      ]
    }
  },
  "descriptors": {},
  "valuespaces": {
    "<filter-value-list>": {
      "value": "[ <filter-function> | <url> ]+"
    },
    "<filter-function>": {
      "value": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <sepia()> | <saturate()>"
    },
    "<blur()>": {
      "value": "blur( <length>? )"
    },
    "<brightness()>": {
      "value": "brightness( <number-percentage>? )"
    },
    "<contrast()>": {
      "value": "contrast( <number-percentage>? )"
    },
    "<drop-shadow()>": {
      "value": "drop-shadow( <color>? && <length>{2,3} )"
    },
    "<grayscale()>": {
      "value": "grayscale( <number-percentage>? )"
    },
    "<hue-rotate()>": {
      "value": "hue-rotate( [ <angle> | <zero> ]? )"
    },
    "<invert()>": {
      "value": "invert( <number-percentage>? )"
    },
    "<opacity()>": {
      "value": "opacity( <number-percentage>? )"
    },
    "<saturate()>": {
      "value": "saturate( <number-percentage>? )"
    },
    "<sepia()>": {
      "value": "sepia( <number-percentage>? )"
    },
    "<filter()>": {
      "value": "filter( [ <image> | <string> ], <filter-value-list> )"
    },
    "<number-optional-number>": {
      "value": "<number> <number>?"
    },
    "<url>": {
      "prose": "A filter reference to a filter element. For example url(commonfilters.svg#filter). If the filter references a non-existent object or the referenced object is not a filter element, then the whole filter chain is ignored. No filter is applied to the object."
    }
  }
}