New Feature Alert: Header Scroll Effects
Updated: Apr 12
When you set a header as Fixed, you can give it various scroll effects including a Fill color effect, and Transition effects like Move and Fade.
Select your header, then from the Inspector panel, under Scroll, set it as Fixed. Then you can define Transition and Fill color effects. Both effects can be applied together for some really cool behavior.
The Fill color effect can be customized per breakpoint, but the Transition effect affects all breakpoints. However, you can set the Move Distance relative to the component dimension (in %) —so your header moves in different distances, depending on which breakpoint you’re on.
Have fun and let us know if you have any questions.
Also, don't forget to share your beautiful sites with us here!