Possible to create transitions in Wappler without custom code? (e.g. on scroll top header menu transitions from transparent to white)

Wappler General Need Help
1

As above, I’ve looked at the animations docs, and animations elements but don’t seem to find an obvious answer.

We currently have a transparent top menu panel that transitions the background color from transparent to white and the text elements (menu links) from white to black.

Is this possible in Wappler without custom code?

2

In the update for tomorrow we have added transitions to the design panel so you can use them directly :slight_smile:

6 Likes
3

Amazing. Thank you!!

4

(I’ve just seen @George’s reply. Sounds exciting. In case it’s useful in the meantime or in general…)

You might be able to achieve what you want with dynamic classes and the browser component. Eg to apply a class called ‘shadow’ as the user begins to scroll:

dmx-class:shadow="browser1.scrollY.offset > 10"

2 Likes