mozilla

Revision 311323 of mode

  • Revision slug: SVG/Attribute/mode
  • Revision title: mode
  • Revision id: 311323
  • Created:
  • Creator: Jeremie
  • Is current revision? No
  • Comment

Revision Content

« SVG Attribute reference home

The mode attribute define the blending mode on the {{SVGElement("feBlend")}} filter primitive.

Usage context

Categories None
Value normal | multiply | screen | darken | lighten
Animatable Yes
Normative document SVG 1.1 (2nd Edition)

Example

Elements

The following elements can use the mode attribute

  • {{SVGElement("feBlend")}}

Revision Source

<p>« <a href="/en/SVG/Attribute" title="en/SVG/Attribute">SVG Attribute reference home</a></p>
<p>The <code>mode</code> attribute define the blending mode on the {{SVGElement("feBlend")}} filter primitive.</p>
<h2 id="Usage_context">Usage context</h2>
<table class="standard-table">
  <tbody>
    <tr>
      <th scope="row">Categories</th>
      <td>None</td>
    </tr>
    <tr>
      <th scope="row">Value</th>
      <td><strong><code>normal</code></strong> | <code>multiply</code> | <code>screen</code> | <code>darken</code> | <code>lighten</code></td>
    </tr>
    <tr>
      <th scope="row">Animatable</th>
      <td>Yes</td>
    </tr>
    <tr>
      <th scope="row">Normative document</th>
      <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feBlendModeAttribute" title="http://www.w3.org/TR/SVG11/filters.html#feBlendModeAttribute">SVG 1.1 (2nd Edition)</a></td>
    </tr>
  </tbody>
</table>
<h2 id="Example">Example</h2>
<h2 id="Elements">Elements</h2>
<p>The following elements can use the <code>mode</code> attribute</p>
<ul>
  <li>{{SVGElement("feBlend")}}</li>
</ul>
Revert to this revision