how to create a hue / blur kind of effect

Ask the community
,
1

I used this effect many times in css and js but here that doesn’t work like this is an example i get dribbble how the effect looks like see those boxes how they look and that cant be made just decreasing the opacity

1600×1200 184 KB

2

You will have to do it via entering the code in a html iframe:
https://support.wix.com/en/article/adding-html-code

You can also send messages to and from your page and html via the API here:
https://www.wix.com/corvid/reference/$w.HtmlComponent.html

Otherwise vote for this feature request:
https://support.wix.com/en/article/request-accessing-the-css-code-html-of-your-site

3

You will have to do it via entering the code in a html iframe:
https://support.wix.com/en/article/adding-html-code

You can also send messages to and from your page and html via the API here:
https://www.wix.com/corvid/reference/$w.HtmlComponent.html

Otherwise vote for this feature request:
https://support.wix.com/en/article/request-accessing-the-css-code-html-of-your-site

4

Is there any CORVID code for blue effect? I am trying to add a blur to the background of a Light Box so it’s not just a gradient color.

5

Try this I found this from another wix user named Stan Michael Termini. And ill quote what he said

"Hi, I found a great code that allows for some customization for the Gaussin Blur background. This works with the HTML Imbed.
:warning: Add the Blur {blur(2em)} to both the webkit and backdrop-filter, if they are not the same the code won’t work. (Works on Safari, Chrome, and Edge, not on Firefox) The higher the blur value the stronger the blur.

Works with Wix Editor and Editor X"

html, body { border: 0px solid rgba(0, 0, 0, .25); border-radius: 20px; margin: 0; padding: 20; width: auto; height: auto; } body{ -webkit-backdrop-filter: blur(2em); backdrop-filter:blur(2em) }