mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-12-05 01:10:24 +00:00
Tests: Import gradient interpolation test
Importing separately to make progress easier to see.
This commit is contained in:
Sam Atkins
Notes:
github-actions[bot]
2025-12-01 11:10:22 +00:00
Author: https://github.com/AtkinsSJ Commit: https://github.com/LadybirdBrowser/ladybird/commit/71397c876c2 Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/6894 Reviewed-by: https://github.com/Calme1709 Reviewed-by: https://github.com/gmta
@@ -0,0 +1,938 @@
|
||||
Harness status: OK
|
||||
|
||||
Found 932 tests
|
||||
|
||||
712 Pass
|
||||
220 Fail
|
||||
Pass Property background-image value 'linear-gradient(30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lab, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in lab, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lab 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in lab, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lab to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lab, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in lab, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lab 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in lab, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lab to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklab, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in oklab, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklab 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in oklab, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklab to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklab, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in oklab, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklab 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in oklab, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklab to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in srgb, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in srgb, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in srgb 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in srgb, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in srgb to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in srgb, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in srgb, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in srgb 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in srgb, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in srgb to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in srgb-linear, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in srgb-linear, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in srgb-linear 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in srgb-linear, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in srgb-linear to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in srgb-linear, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in srgb-linear, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in srgb-linear 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in srgb-linear, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in srgb-linear to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in xyz, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in xyz, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in xyz 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in xyz, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in xyz to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in xyz, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in xyz, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in xyz 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in xyz, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in xyz to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in xyz-d50, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in xyz-d50, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in xyz-d50 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in xyz-d50, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in xyz-d50 to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in xyz-d50, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in xyz-d50, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in xyz-d50 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in xyz-d50, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in xyz-d50 to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in xyz-d65, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in xyz-d65, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in xyz-d65 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in xyz-d65, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in xyz-d65 to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in xyz-d65, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in xyz-d65, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in xyz-d65 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in xyz-d65, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in xyz-d65 to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in hsl, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in hsl, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in hsl, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in hsl, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl shorter hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in hsl shorter hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl shorter hue 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in hsl shorter hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl shorter hue to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in hsl shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl shorter hue 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in hsl shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl shorter hue to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl longer hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in hsl longer hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl longer hue 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in hsl longer hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl longer hue to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in hsl longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl longer hue 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in hsl longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl longer hue to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl increasing hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in hsl increasing hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl increasing hue 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in hsl increasing hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl increasing hue to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in hsl increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl increasing hue 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in hsl increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl increasing hue to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in hsl decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl decreasing hue 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in hsl decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl decreasing hue to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in hsl decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl decreasing hue 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in hsl decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hsl decreasing hue to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in hwb, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in hwb, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in hwb, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in hwb, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb shorter hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in hwb shorter hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb shorter hue 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in hwb shorter hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb shorter hue to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in hwb shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb shorter hue 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in hwb shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb shorter hue to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb longer hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in hwb longer hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb longer hue 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in hwb longer hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb longer hue to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in hwb longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb longer hue 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in hwb longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb longer hue to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb increasing hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in hwb increasing hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb increasing hue 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in hwb increasing hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb increasing hue to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in hwb increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb increasing hue 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in hwb increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb increasing hue to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in hwb decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb decreasing hue 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in hwb decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb decreasing hue to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in hwb decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb decreasing hue 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in hwb decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in hwb decreasing hue to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in lch, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in lch, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in lch, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in lch, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch shorter hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in lch shorter hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch shorter hue 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in lch shorter hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch shorter hue to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in lch shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch shorter hue 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in lch shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch shorter hue to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch longer hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in lch longer hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch longer hue 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in lch longer hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch longer hue to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in lch longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch longer hue 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in lch longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch longer hue to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch increasing hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in lch increasing hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch increasing hue 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in lch increasing hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch increasing hue to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in lch increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch increasing hue 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in lch increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch increasing hue to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in lch decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch decreasing hue 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in lch decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch decreasing hue to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in lch decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch decreasing hue 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in lch decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in lch decreasing hue to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in oklch, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in oklch, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in oklch, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in oklch, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch shorter hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in oklch shorter hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch shorter hue 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in oklch shorter hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch shorter hue to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in oklch shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch shorter hue 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in oklch shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch shorter hue to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch longer hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in oklch longer hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch longer hue 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in oklch longer hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch longer hue to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in oklch longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch longer hue 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in oklch longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch longer hue to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch increasing hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in oklch increasing hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch increasing hue 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in oklch increasing hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch increasing hue to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in oklch increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch increasing hue 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in oklch increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch increasing hue to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in oklch decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch decreasing hue 30deg, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in oklch decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch decreasing hue to right bottom, red, blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(30deg in oklch decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch decreasing hue 30deg, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(to right bottom in oklch decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'linear-gradient(in oklch decreasing hue to right bottom, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lab, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in lab, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lab 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in lab, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in lab ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in lab, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lab at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lab, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in lab, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lab 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in lab, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in lab ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in lab, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lab at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklab, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in oklab, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklab 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in oklab, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in oklab ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in oklab, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklab at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklab, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in oklab, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklab 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in oklab, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in oklab ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in oklab, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklab at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in srgb, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in srgb, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in srgb 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in srgb, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in srgb ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in srgb, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in srgb at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in srgb, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in srgb, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in srgb 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in srgb, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in srgb ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in srgb, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in srgb at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in srgb-linear, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in srgb-linear, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in srgb-linear 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in srgb-linear, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in srgb-linear ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in srgb-linear, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in srgb-linear at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in srgb-linear, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in srgb-linear, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in srgb-linear 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in srgb-linear, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in srgb-linear ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in srgb-linear, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in srgb-linear at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in xyz, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in xyz, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in xyz 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in xyz, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in xyz ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in xyz, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in xyz at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in xyz, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in xyz, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in xyz 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in xyz, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in xyz ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in xyz, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in xyz at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in xyz-d50, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in xyz-d50, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in xyz-d50 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in xyz-d50, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in xyz-d50 ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in xyz-d50, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in xyz-d50 at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in xyz-d50, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in xyz-d50, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in xyz-d50 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in xyz-d50, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in xyz-d50 ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in xyz-d50, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in xyz-d50 at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in xyz-d65, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in xyz-d65, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in xyz-d65 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in xyz-d65, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in xyz-d65 ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in xyz-d65, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in xyz-d65 at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in xyz-d65, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in xyz-d65, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in xyz-d65 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in xyz-d65, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in xyz-d65 ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in xyz-d65, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in xyz-d65 at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in hsl, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in hsl, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in hsl ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in hsl, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in hsl, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in hsl, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in hsl ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in hsl, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl shorter hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in hsl shorter hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl shorter hue 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in hsl shorter hue, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in hsl shorter hue ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in hsl shorter hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl shorter hue at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in hsl shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl shorter hue 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in hsl shorter hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in hsl shorter hue ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in hsl shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl shorter hue at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl longer hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in hsl longer hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl longer hue 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in hsl longer hue, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in hsl longer hue ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in hsl longer hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl longer hue at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in hsl longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl longer hue 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in hsl longer hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in hsl longer hue ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in hsl longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl longer hue at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl increasing hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in hsl increasing hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl increasing hue 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in hsl increasing hue, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in hsl increasing hue ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in hsl increasing hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl increasing hue at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in hsl increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl increasing hue 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in hsl increasing hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in hsl increasing hue ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in hsl increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl increasing hue at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in hsl decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl decreasing hue 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in hsl decreasing hue, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in hsl decreasing hue ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in hsl decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl decreasing hue at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in hsl decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl decreasing hue 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in hsl decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in hsl decreasing hue ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in hsl decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hsl decreasing hue at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in hwb, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in hwb, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in hwb ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in hwb, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in hwb, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in hwb, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in hwb ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in hwb, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb shorter hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in hwb shorter hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb shorter hue 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in hwb shorter hue, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in hwb shorter hue ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in hwb shorter hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb shorter hue at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in hwb shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb shorter hue 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in hwb shorter hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in hwb shorter hue ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in hwb shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb shorter hue at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb longer hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in hwb longer hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb longer hue 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in hwb longer hue, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in hwb longer hue ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in hwb longer hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb longer hue at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in hwb longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb longer hue 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in hwb longer hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in hwb longer hue ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in hwb longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb longer hue at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb increasing hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in hwb increasing hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb increasing hue 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in hwb increasing hue, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in hwb increasing hue ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in hwb increasing hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb increasing hue at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in hwb increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb increasing hue 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in hwb increasing hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in hwb increasing hue ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in hwb increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb increasing hue at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in hwb decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb decreasing hue 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in hwb decreasing hue, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in hwb decreasing hue ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in hwb decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb decreasing hue at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in hwb decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb decreasing hue 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in hwb decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in hwb decreasing hue ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in hwb decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in hwb decreasing hue at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in lch, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in lch, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in lch ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in lch, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in lch, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in lch, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in lch ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in lch, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch shorter hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in lch shorter hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch shorter hue 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in lch shorter hue, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in lch shorter hue ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in lch shorter hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch shorter hue at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in lch shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch shorter hue 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in lch shorter hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in lch shorter hue ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in lch shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch shorter hue at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch longer hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in lch longer hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch longer hue 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in lch longer hue, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in lch longer hue ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in lch longer hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch longer hue at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in lch longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch longer hue 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in lch longer hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in lch longer hue ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in lch longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch longer hue at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch increasing hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in lch increasing hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch increasing hue 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in lch increasing hue, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in lch increasing hue ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in lch increasing hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch increasing hue at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in lch increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch increasing hue 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in lch increasing hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in lch increasing hue ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in lch increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch increasing hue at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in lch decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch decreasing hue 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in lch decreasing hue, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in lch decreasing hue ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in lch decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch decreasing hue at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in lch decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch decreasing hue 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in lch decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in lch decreasing hue ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in lch decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in lch decreasing hue at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in oklch, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in oklch, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in oklch ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in oklch, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in oklch, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in oklch, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in oklch ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in oklch, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch shorter hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in oklch shorter hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch shorter hue 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in oklch shorter hue, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in oklch shorter hue ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in oklch shorter hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch shorter hue at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in oklch shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch shorter hue 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in oklch shorter hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in oklch shorter hue ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in oklch shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch shorter hue at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch longer hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in oklch longer hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch longer hue 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in oklch longer hue, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in oklch longer hue ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in oklch longer hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch longer hue at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in oklch longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch longer hue 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in oklch longer hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in oklch longer hue ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in oklch longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch longer hue at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch increasing hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in oklch increasing hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch increasing hue 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in oklch increasing hue, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in oklch increasing hue ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in oklch increasing hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch increasing hue at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in oklch increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch increasing hue 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in oklch increasing hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in oklch increasing hue ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in oklch increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch increasing hue at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in oklch decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch decreasing hue 50px, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in oklch decreasing hue, red, blue)'
|
||||
Fail Property background-image value 'radial-gradient(in oklch decreasing hue ellipse 50% 40em, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in oklch decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch decreasing hue at right center, red, blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(50px in oklch decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch decreasing hue 50px, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(ellipse 50% 40em in oklch decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'radial-gradient(in oklch decreasing hue ellipse 50% 40em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(at right center in oklch decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'radial-gradient(in oklch decreasing hue at right center, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in lab, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in lab, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in lab from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in lab, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in lab at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in lab, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in lab, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in lab from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in lab, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in lab at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in oklab, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in oklab, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in oklab from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in oklab, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in oklab at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in oklab, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in oklab, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in oklab from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in oklab, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in oklab at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in srgb, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in srgb, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in srgb from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in srgb, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in srgb at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in srgb, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in srgb, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in srgb from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in srgb, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in srgb at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in srgb-linear, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in srgb-linear, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in srgb-linear from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in srgb-linear, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in srgb-linear at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in srgb-linear, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in srgb-linear, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in srgb-linear from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in srgb-linear, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in srgb-linear at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in xyz, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in xyz, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in xyz from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in xyz, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in xyz at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in xyz, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in xyz, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in xyz from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in xyz, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in xyz at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in xyz-d50, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in xyz-d50, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in xyz-d50 from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in xyz-d50, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in xyz-d50 at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in xyz-d50, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in xyz-d50, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in xyz-d50 from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in xyz-d50, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in xyz-d50 at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in xyz-d65, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in xyz-d65, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in xyz-d65 from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in xyz-d65, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in xyz-d65 at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in xyz-d65, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in xyz-d65, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in xyz-d65 from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in xyz-d65, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in xyz-d65 at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hsl, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in hsl, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hsl from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in hsl, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in hsl at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hsl, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in hsl, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hsl from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in hsl, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in hsl at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hsl shorter hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in hsl shorter hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hsl shorter hue from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in hsl shorter hue, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in hsl shorter hue at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hsl shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in hsl shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hsl shorter hue from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in hsl shorter hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in hsl shorter hue at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hsl longer hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in hsl longer hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hsl longer hue from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in hsl longer hue, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in hsl longer hue at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hsl longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in hsl longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hsl longer hue from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in hsl longer hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in hsl longer hue at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hsl increasing hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in hsl increasing hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hsl increasing hue from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in hsl increasing hue, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in hsl increasing hue at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hsl increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in hsl increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hsl increasing hue from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in hsl increasing hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in hsl increasing hue at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hsl decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in hsl decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hsl decreasing hue from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in hsl decreasing hue, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in hsl decreasing hue at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hsl decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in hsl decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hsl decreasing hue from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in hsl decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in hsl decreasing hue at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hwb, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in hwb, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hwb from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in hwb, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in hwb at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hwb, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in hwb, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hwb from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in hwb, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in hwb at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hwb shorter hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in hwb shorter hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hwb shorter hue from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in hwb shorter hue, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in hwb shorter hue at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hwb shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in hwb shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hwb shorter hue from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in hwb shorter hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in hwb shorter hue at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hwb longer hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in hwb longer hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hwb longer hue from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in hwb longer hue, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in hwb longer hue at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hwb longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in hwb longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hwb longer hue from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in hwb longer hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in hwb longer hue at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hwb increasing hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in hwb increasing hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hwb increasing hue from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in hwb increasing hue, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in hwb increasing hue at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hwb increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in hwb increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hwb increasing hue from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in hwb increasing hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in hwb increasing hue at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hwb decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in hwb decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hwb decreasing hue from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in hwb decreasing hue, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in hwb decreasing hue at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hwb decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in hwb decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in hwb decreasing hue from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in hwb decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in hwb decreasing hue at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in lch, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in lch, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in lch from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in lch, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in lch at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in lch, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in lch, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in lch from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in lch, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in lch at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in lch shorter hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in lch shorter hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in lch shorter hue from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in lch shorter hue, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in lch shorter hue at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in lch shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in lch shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in lch shorter hue from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in lch shorter hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in lch shorter hue at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in lch longer hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in lch longer hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in lch longer hue from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in lch longer hue, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in lch longer hue at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in lch longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in lch longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in lch longer hue from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in lch longer hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in lch longer hue at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in lch increasing hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in lch increasing hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in lch increasing hue from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in lch increasing hue, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in lch increasing hue at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in lch increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in lch increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in lch increasing hue from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in lch increasing hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in lch increasing hue at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in lch decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in lch decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in lch decreasing hue from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in lch decreasing hue, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in lch decreasing hue at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in lch decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in lch decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in lch decreasing hue from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in lch decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in lch decreasing hue at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in oklch, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in oklch, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in oklch from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in oklch, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in oklch at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in oklch, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in oklch, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in oklch from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in oklch, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in oklch at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in oklch shorter hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in oklch shorter hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in oklch shorter hue from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in oklch shorter hue, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in oklch shorter hue at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in oklch shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in oklch shorter hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in oklch shorter hue from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in oklch shorter hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in oklch shorter hue at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in oklch longer hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in oklch longer hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in oklch longer hue from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in oklch longer hue, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in oklch longer hue at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in oklch longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in oklch longer hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in oklch longer hue from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in oklch longer hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in oklch longer hue at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in oklch increasing hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in oklch increasing hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in oklch increasing hue from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in oklch increasing hue, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in oklch increasing hue at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in oklch increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in oklch increasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in oklch increasing hue from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in oklch increasing hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in oklch increasing hue at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in oklch decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in oklch decreasing hue, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in oklch decreasing hue from 30deg, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in oklch decreasing hue, red, blue)'
|
||||
Fail Property background-image value 'conic-gradient(in oklch decreasing hue at left 10px top 50em, red, blue)'
|
||||
Pass Property background-image value 'conic-gradient(in oklch decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(from 30deg in oklch decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Pass Property background-image value 'conic-gradient(in oklch decreasing hue from 30deg, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(at left 10px top 50em in oklch decreasing hue, color(srgb 1 0 0), blue)'
|
||||
Fail Property background-image value 'conic-gradient(in oklch decreasing hue at left 10px top 50em, color(srgb 1 0 0), blue)'
|
||||
@@ -0,0 +1,108 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Images Module Level 4: parsing gradients with color interpolation methods</title>
|
||||
<link rel="author" title="Sam Weinig" href="mailto:weinig@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-images-4/#gradients">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-color-4/#color-interpolation-method">
|
||||
<meta name="assert" content="gradients supports the addition of color-interpolation-method to the grammar">
|
||||
<script src="../../../resources/testharness.js"></script>
|
||||
<script src="../../../resources/testharnessreport.js"></script>
|
||||
<script src="../../../css/support/computed-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="target"></div>
|
||||
<div id="computedStyleTarget"></div>
|
||||
<script>
|
||||
|
||||
const LINEAR_GRADIENT_SPECIFIERS = [
|
||||
{ input: '30deg' },
|
||||
{ input: 'to right bottom' },
|
||||
];
|
||||
|
||||
const RADIAL_GRADIENT_SPECIFIERS = [
|
||||
{ input: '50px' },
|
||||
{ input: 'ellipse 50% 40em', output: '50% 640px' },
|
||||
{ input: 'at right center', output: 'at 100% 50%' },
|
||||
];
|
||||
|
||||
const CONIC_GRADIENT_SPECIFIERS = [
|
||||
{ input: 'from 30deg' },
|
||||
{ input: 'at left 10px top 50em', output: 'at 10px 800px' },
|
||||
];
|
||||
|
||||
const legacy_stops = "red, blue"
|
||||
const non_legacy_stops = "color(srgb 1 0 0), blue"
|
||||
|
||||
// getComputedStyle can return different values than input
|
||||
function get_computed_style_value_for_stops(stops) {
|
||||
const div = document.getElementById("computedStyleTarget");
|
||||
computedColors = [];
|
||||
stops.split(",").forEach(stop => {
|
||||
div.style["color"] = stop;
|
||||
computedColors.push(getComputedStyle(div)["color"]);
|
||||
});
|
||||
return computedColors.join(", ");
|
||||
}
|
||||
const legacy_stops_computed_style = get_computed_style_value_for_stops(legacy_stops);
|
||||
const non_legacy_stops_computed_style = get_computed_style_value_for_stops(non_legacy_stops);
|
||||
|
||||
function test_gradients_no_specified_interpolation_method(gradientFunction, specifiers, stops, computed_stops)
|
||||
{
|
||||
for (const specifier of specifiers) {
|
||||
const input = specifier.input
|
||||
const output = specifier.output ? specifier.output : specifier.input
|
||||
test_computed_value(`background-image`, `${gradientFunction}(${input}, ${stops})`, `${gradientFunction}(${output}, ${computed_stops})`)
|
||||
}
|
||||
}
|
||||
|
||||
function test_gradients(gradientFunction, colorInterpolationMethod, colorInterpolationMethodResult, specifiers, stops, computed_stops) {
|
||||
const resultForNoSpecifierCase = (colorInterpolationMethodResult == "") ? "" : `in ${colorInterpolationMethodResult}, `
|
||||
test_computed_value(`background-image`, `${gradientFunction}(in ${colorInterpolationMethod}, ${stops})`, `${gradientFunction}(${resultForNoSpecifierCase}${computed_stops})`)
|
||||
|
||||
for (const specifier of specifiers) {
|
||||
const input = specifier.input
|
||||
const output = specifier.output ? specifier.output : specifier.input
|
||||
const result = colorInterpolationMethodResult == "" ? ", " : ` in ${colorInterpolationMethodResult}, `
|
||||
test_computed_value(`background-image`, `${gradientFunction}(${input} in ${colorInterpolationMethod}, ${stops})`, `${gradientFunction}(${output}${result}${computed_stops})`)
|
||||
test_computed_value(`background-image`, `${gradientFunction}(in ${colorInterpolationMethod} ${input}, ${stops})`, `${gradientFunction}(${output}${result}${computed_stops})`)
|
||||
}
|
||||
}
|
||||
|
||||
function test_gradient_with_interpolation_method(gradientFunction, colorInterpolationMethod, colorInterpolationMethodResult, specifiers, stops, computed_stops) {
|
||||
const colorInterpolationMethodResultForLegacyStops = (colorInterpolationMethodResult == "srgb") ? "" : colorInterpolationMethodResult;
|
||||
test_gradients(gradientFunction, colorInterpolationMethod, colorInterpolationMethodResultForLegacyStops, specifiers, legacy_stops, legacy_stops_computed_style);
|
||||
|
||||
const colorInterpolationMethodResultForNonLegacyStops = (colorInterpolationMethodResult == "oklab") ? "" : colorInterpolationMethodResult;
|
||||
test_gradients(gradientFunction, colorInterpolationMethod, colorInterpolationMethodResultForNonLegacyStops, specifiers, non_legacy_stops, non_legacy_stops_computed_style);
|
||||
}
|
||||
|
||||
function test_each_interpolation_method(gradientFunction, specifiers) {
|
||||
test_gradients_no_specified_interpolation_method(gradientFunction, specifiers, legacy_stops, legacy_stops_computed_style);
|
||||
test_gradients_no_specified_interpolation_method(gradientFunction, specifiers, non_legacy_stops, non_legacy_stops_computed_style);
|
||||
|
||||
for (const colorSpace of [ "lab", "oklab", "srgb", "srgb-linear", "xyz", "xyz-d50", "xyz-d65" ]) {
|
||||
const colorInterpolationMethod = colorSpace
|
||||
const colorInterpolationMethodResult = colorSpace == "xyz" ? "xyz-d65" : colorInterpolationMethod
|
||||
|
||||
test_gradient_with_interpolation_method(gradientFunction, colorInterpolationMethod, colorInterpolationMethodResult, specifiers)
|
||||
}
|
||||
|
||||
for (const colorSpace of [ "hsl", "hwb", "lch", "oklch" ]) {
|
||||
for (const hueInterpolationMethod of [ "", " shorter hue", " longer hue", " increasing hue", " decreasing hue" ]) {
|
||||
const colorInterpolationMethod = `${colorSpace}${hueInterpolationMethod}`
|
||||
const colorInterpolationMethodResult = hueInterpolationMethod == " shorter hue" ? colorSpace : colorInterpolationMethod
|
||||
|
||||
test_gradient_with_interpolation_method(gradientFunction, colorInterpolationMethod, colorInterpolationMethodResult, specifiers)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
test_each_interpolation_method("linear-gradient", LINEAR_GRADIENT_SPECIFIERS)
|
||||
test_each_interpolation_method("radial-gradient", RADIAL_GRADIENT_SPECIFIERS)
|
||||
test_each_interpolation_method("conic-gradient", CONIC_GRADIENT_SPECIFIERS)
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user