How to fade a heading's background colour?

[directly2dentists]

So I’ve figured out how to have my header’s background change from transparent to a default colour using 2 containers, and conditions that toggle which is visible based on page scroll location.

However, the transition between these 2 settings ( transparent and default colour) is instant, and doesn’t look very good. For example, this website fades the change perfectly: https://bitetoothpastebits.com/

Any idea how I could implement such a fade myself?

[rpetribu]

Hi @directly2dentists

You can do this transition in the Appearance tab of your floating group:

Here is an example I made. Link to the Editor.

[directly2dentists]

Oh wow, thank you so much for the example link! Very helpful