fergalmoran/ladybird
1
0
Fork 0
mirror of https://github.com/fergalmoran/ladybird.git synced 2026-01-03 23:25:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

LibWeb/CSS: Implement mix-blend-mode

Browse Source 
This adds support for the `mix-blend-mode` CSS property.
This commit is contained in:
Glenn Skrzypczak
2025-01-22 09:50:49 +01:00
committed by Sam Atkins
parent 8575bddfe6
commit 0fe30886f5
24 changed files with 311 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
Libraries/LibWeb/Layout/Node.cpp
View File

@@ -240,6 +240,11 @@ bool Node::establishes_stacking_context() const
return true;
}
// https://drafts.fxtf.org/compositing/#mix-blend-mode
// Applying a blendmode other than normal to the element must establish a new stacking context.
if (computed_values().mix_blend_mode() != CSS::MixBlendMode::Normal)
return true;
return computed_values().opacity() < 1.0f;
}
@@ -1039,6 +1044,9 @@ void NodeWithStyle::apply_style(CSS::ComputedProperties const& computed_style)
if (auto isolation = computed_style.isolation(); isolation.has_value())
computed_values.set_isolation(isolation.value());
if (auto mix_blend_mode = computed_style.mix_blend_mode(); mix_blend_mode.has_value())
computed_values.set_mix_blend_mode(mix_blend_mode.value());
propagate_style_to_anonymous_wrappers();
if (is<NodeWithStyleAndBoxModelMetrics>(this))