Files
ladybird/Tests/LibWeb/Screenshot/input/gradient-interpolation-method.html
Callum Law 0019836fc1 LibWeb: Support more gradient color spaces
Skia has added support for these so it's trivial for us to as well
2026-03-18 13:21:57 +00:00

24 lines
1.4 KiB
HTML

<!DOCTYPE html>
<meta name="fuzzy" content="maxDifference=0-1;totalPixels=0-6">
<style>
div {
width: 480px;
height: 50px;
}
</style>
<div style="background: linear-gradient(to right in srgb, red, blue)"></div>
<div style="background: linear-gradient(to right in srgb-linear, red, blue)"></div>
<div style="background: linear-gradient(to right in lab, red, blue)"></div>
<div style="background: linear-gradient(to right in oklab, red, blue)"></div>
<div style="background: linear-gradient(to right in display-p3, red, blue)"></div>
<div style="background: linear-gradient(to right in a98-rgb, red, blue)"></div>
<div style="background: linear-gradient(to right in prophoto-rgb, red, blue)"></div>
<div style="background: linear-gradient(to right in rec2020, red, blue)"></div>
<div style="background: linear-gradient(to right in hsl, red, blue)"></div>
<div style="background: linear-gradient(to right in hwb, red, blue)"></div>
<div style="background: linear-gradient(to right in lch, red, blue)"></div>
<div style="background: linear-gradient(to right in oklch shorter hue, red, blue)"></div>
<div style="background: linear-gradient(to right in oklch longer hue, red, blue)"></div>
<div style="background: linear-gradient(to right in oklch increasing hue, red, blue)"></div>
<div style="background: linear-gradient(to right in oklch decreasing hue, red, blue)"></div>