filter-effects.json

{
  "spec": {
    "title": "Filter Effects Module Level 1",
    "url": "https://drafts.fxtf.org/filter-effects-1/"
  },
  "properties": [
    {
      "name": "filter",
      "href": "https://drafts.fxtf.org/filter-effects-1/#propdef-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",
      "animationType": "See prose in Animation of Filters.",
      "media": "visual",
      "values": [
        {
          "name": "<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.",
          "href": "https://drafts.fxtf.org/filter-effects-1/#typedef-filter-url",
          "type": "type"
        },
        {
          "name": "blur()",
          "href": "https://drafts.fxtf.org/filter-effects-1/#funcdef-filter-blur",
          "type": "function",
          "value": "blur( <length>? )"
        },
        {
          "name": "brightness()",
          "href": "https://drafts.fxtf.org/filter-effects-1/#funcdef-filter-brightness",
          "type": "function",
          "value": "brightness( [ <number> | <percentage> ]? )"
        },
        {
          "name": "contrast()",
          "href": "https://drafts.fxtf.org/filter-effects-1/#funcdef-filter-contrast",
          "type": "function",
          "value": "contrast( [ <number> | <percentage> ]? )"
        },
        {
          "name": "drop-shadow()",
          "href": "https://drafts.fxtf.org/filter-effects-1/#funcdef-filter-drop-shadow",
          "type": "function",
          "value": "drop-shadow( [ <color>? && <length>{2,3} ] )"
        },
        {
          "name": "grayscale()",
          "href": "https://drafts.fxtf.org/filter-effects-1/#funcdef-filter-grayscale",
          "type": "function",
          "value": "grayscale( [ <number> | <percentage> ]? )"
        },
        {
          "name": "hue-rotate()",
          "href": "https://drafts.fxtf.org/filter-effects-1/#funcdef-filter-hue-rotate",
          "type": "function",
          "value": "hue-rotate( [ <angle> | <zero> ]? )"
        },
        {
          "name": "invert()",
          "href": "https://drafts.fxtf.org/filter-effects-1/#funcdef-filter-invert",
          "type": "function",
          "value": "invert( [ <number> | <percentage> ]? )"
        },
        {
          "name": "opacity()",
          "href": "https://drafts.fxtf.org/filter-effects-1/#funcdef-filter-opacity",
          "type": "function",
          "value": "opacity( [ <number> | <percentage> ]? )"
        },
        {
          "name": "saturate()",
          "href": "https://drafts.fxtf.org/filter-effects-1/#funcdef-filter-saturate",
          "type": "function",
          "value": "saturate( [ <number> | <percentage> ]? )"
        },
        {
          "name": "sepia()",
          "href": "https://drafts.fxtf.org/filter-effects-1/#funcdef-filter-sepia",
          "type": "function",
          "value": "sepia( [ <number> | <percentage> ]? )"
        }
      ],
      "styleDeclaration": [
        "filter"
      ]
    },
    {
      "name": "flood-color",
      "href": "https://drafts.fxtf.org/filter-effects-1/#propdef-flood-color",
      "value": "<color>",
      "initial": "black",
      "appliesTo": "feFlood and feDropShadow elements",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "as specified",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "media": "visual",
      "styleDeclaration": [
        "flood-color",
        "floodColor"
      ]
    },
    {
      "name": "flood-opacity",
      "href": "https://drafts.fxtf.org/filter-effects-1/#propdef-flood-opacity",
      "value": "<'opacity'>",
      "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",
      "animationType": "by computed value",
      "media": "visual",
      "styleDeclaration": [
        "flood-opacity",
        "floodOpacity"
      ]
    },
    {
      "name": "color-interpolation-filters",
      "href": "https://drafts.fxtf.org/filter-effects-1/#propdef-color-interpolation-filters",
      "value": "auto | sRGB | linearRGB",
      "initial": "linearRGB",
      "appliesTo": "All filter primitives",
      "inherited": "yes",
      "percentages": "n/a",
      "computedValue": "as specified",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "media": "visual",
      "values": [
        {
          "name": "auto",
          "prose": "Indicates that the user agent can choose either the sRGB or linearRGB spaces for filter effects color operations. This option indicates that the author doesn’t require that color operations occur in a particular color space.",
          "href": "https://drafts.fxtf.org/filter-effects-1/#valdef-color-interpolation-filters-auto",
          "type": "value",
          "value": "auto"
        },
        {
          "name": "sRGB",
          "prose": "Indicates that filter effects color operations should occur in the gamma-encoded sRGB color space.",
          "href": "https://drafts.fxtf.org/filter-effects-1/#valdef-color-interpolation-filters-srgb",
          "type": "value",
          "value": "sRGB"
        },
        {
          "name": "linearRGB",
          "prose": "Indicates that filter effects color operations should occur in the linear-light sRGB color space.",
          "href": "https://drafts.fxtf.org/filter-effects-1/#valdef-color-interpolation-filters-linearrgb",
          "type": "value",
          "value": "linearRGB"
        }
      ],
      "styleDeclaration": [
        "color-interpolation-filters",
        "colorInterpolationFilters"
      ]
    },
    {
      "name": "lighting-color",
      "href": "https://drafts.fxtf.org/filter-effects-1/#propdef-lighting-color",
      "value": "<color>",
      "initial": "white",
      "appliesTo": "feDiffuseLighting and feSpecularLighting elements",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "as specified",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "media": "visual",
      "styleDeclaration": [
        "lighting-color",
        "lightingColor"
      ]
    }
  ],
  "atrules": [],
  "selectors": [],
  "values": [
    {
      "name": "<filter-value-list>",
      "href": "https://drafts.fxtf.org/filter-effects-1/#typedef-filter-value-list",
      "type": "type",
      "value": "[ <filter-function> | <url> ]+"
    },
    {
      "name": "<filter-function>",
      "href": "https://drafts.fxtf.org/filter-effects-1/#typedef-filter-function",
      "type": "type",
      "value": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <sepia()> | <saturate()>"
    },
    {
      "name": "<number-optional-number>",
      "value": "<number> <number>?",
      "href": "https://drafts.fxtf.org/filter-effects-1/#typedef-number-optional-number",
      "type": "type"
    },
    {
      "name": "filter()",
      "href": "https://drafts.fxtf.org/filter-effects-1/#funcdef-filter",
      "type": "function",
      "value": "filter( [ <image> | <string> ], <filter-value-list> )"
    }
  ],
  "warnings": [
    {
      "msg": "Dangling value",
      "name": "<filter-primitive-reference>",
      "href": "https://drafts.fxtf.org/filter-effects-1/#typedef-result-filter-primitive-reference",
      "type": "type",
      "for": "result"
    }
  ]
}