From f06b5ed0efe168a7ad9e25936a41384ed32d5669 Mon Sep 17 00:00:00 2001 From: Lucas Viana Date: Sun, 31 Dec 2023 11:27:50 -0300 Subject: [PATCH] Update the grainy SVG gradient to use `background-blend-mode` --- components/experiments/svg/WlSvgGrainyGradient.vue | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/components/experiments/svg/WlSvgGrainyGradient.vue b/components/experiments/svg/WlSvgGrainyGradient.vue index fe9674f..c648757 100644 --- a/components/experiments/svg/WlSvgGrainyGradient.vue +++ b/components/experiments/svg/WlSvgGrainyGradient.vue @@ -11,9 +11,10 @@ div { linear-gradient(to bottom right, rgba(blue, 70%), rgba(green, 70%), - rgba(yellow, 70%) + rgba(#dcdc00, 70%) ), url('/img/noise-filter.svg'); + background-blend-mode: difference; background-size: cover; background-color: white; }