I’m experimenting with transitions, effects, transform, and filter options. However, I can’t seem to make the end of an effect persist.
A simple example: I set the starting point of a scale effect at 80% and the endpoint at 100%. Once the effect is reached, I want the object to remain at 100%, but it always reverts back to the starting point of 80% when the cursor leaves the container (in this case, the container is the area where the effect is activated).
The solution is probably simple, but I can’t seem to find it.
These effects are for hover states only - they don’t have a persistent end state that can be applied after hovering has completed.
I think what you need is an Animation component. We did have a couple of early previews on the Animation component in some of the earlier dev diary videos, but we need to revisit this component before we can ship it.
I can’t say exactly when that’ll happen, but we do plan on shipping Elements with Animations
