On the current site I’m working on I’m using Tabs to make the user switch between different statistics. Every statistic category has an own gradient to bring in some colorfulness.
What I’m trying to do now (- and which I struggle with) is to make the gradients transition from one to another. I figured in order to do this I have to put the gradient divs out of the tabs to make them transition through opacity.
One thing that destroyed that plan though is that I can’t tell the button which gradient I’ve selected before it transitions to the next. So I would have to transition every gradient (4 in total) - so three to 0%, one to 100%
That wouldnt look great.
Is there a way to accomplish this? I’ve heard that you cant change a single color within a gradient so I don’t really know what to do now.
WebGL might be an option but I honestly don’t know anything about that and would get into that
Here is my public share link: https://preview.webflow.com/preview/r10advertising?utm_medium=preview_link&utm_source=designer&utm_content=r10advertising&preview=25482cc3eecaafe0cc94dabecc8d2951&mode=preview