Compositing and Blending Level 1 CR Test Suite

Specifying Blending in CSS (8 tests)

Test Refs Flags Info
+ 3 Specifying Blending in CSS
+ 3.1 Order of graphical operations
+ 3.2 Behavior specific to HTML
+ 3.3 Behavior specific to SVG
+ 3.4 CSS Properties
+ 3.4.1 The mix-blend-mode property
blending_in_a_group_with_filter SVG Blending in a group with filter
  • Blending in a group with filter
blending_in_a_group_with_opacity SVG Blending in a group with opacity
  • Blending in a group with opacity
line-with-svg-background SVG CSS mix-blend-mode API Test
text-with-svg-background SVG CSS mix-blend-mode API Test
text_with_svg_background SVG Text with SVG background
  • Text with SVG background
will-change-stacking-context-mix-blend-mode-1 = CSS will-change: 'will-change: mix-blend-mode' creates a stacking context
  • If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.
+ 3.4.2 The isolation property
blend-isolation CSS Compositing and Blending: isolation applied to a group containing blending
  • Isolation on a group with blending
will-change-stacking-context-isolation-1 = CSS will-change: 'will-change: isolation' creates a stacking context
  • If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.