feBlend

• Comments from section
• All comments
• Help

WebPlatform Docs welcomes all comments. If you want to comment, please register or log in. It is free.

This tool helps to make and review comments inline.

How to Use

insert instructions, with images, here

feBlend

This page has been flagged with the following issues:

High-level issues:

• Needs Topics

• Missing Relevant Sections

• Data Not Semantic

• Unreviewed Import

Content:

• Incomplete

• Not Neutral

• Cleanup

• Compatibility Incomplete

• Examples Best Practices

Needs Summary: This article does not have a summary. Summaries give a brief overview of the topic and are automatically included on some listing pages that link to this article.

Overview Table

DOM Interface	SVGElement

Needs Examples: This section should include examples.

Standards information

• Scalable Vector Graphics: Filter Effects, Section 15.25.3

Members

The SVGFEBlendElement object has these properties:

• height: Gets or sets the height of an element.
• in1: Identifies input for the given filter primitive.
• in2: The second input image to the blending operation.
• mode: Gets a value that indicates one of the image-blending modes.
• result: Provides a reference for the output result of a filter.
• width: Defines the width of an element.
• x: Gets or sets the x-coordinate value.
• y: Gets or sets the y-coordinate value.

Compatibility

Desktop

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	?	?	?	?	?

Mobile

Feature	Android	BlackBerry	Chrome for mobile	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Opera Mini	Safari Mobile
Basic support	?	?	?	?	?	?	?	?

See also

Related articles

Filters

• blur()

• brightness()

• contrast()

• custom()

• drop-shadow()

• grayscale()

• hue-rotate()

• invert()

• opacity()

• saturate()

• sepia()

• filter

• feBlend

• feColorMatrix

• feComponentTransfer

• feComposite

• feConvolveMatrix

• feDiffuseLighting

• feDisplacementMap

• feDistantLight

• feFlood

• feFuncA

• feFuncB

• feFuncG

• feFuncR

• feGaussianBlur

• feImage

• feMerge

• feMergeNode

• feMorphology

• feOffset

• fePointLight

• feSpecularLighting

• feSpotlight

• feTile

• feTurbulence

• SVG deployment

• SVG filters

• SVG graphic effects

• SVG grand tour

• Understanding CSS filter effects

This article contains content originally from external sources.

Portions of this content come from the Microsoft Developer Network: [Windows Internet Explorer API reference Article]