search

pqina / flip

⏳ The online version of the classic flip clock
https://pqina.nl/flip/
MIT License
892 stars 87 forks source link

How to set flip panel mode? #62

Closed joshuasosa closed 1 year ago

joshuasosa commented 1 year ago

Hello, I got flip working well but want to change it from bounce to something else. Instead of the flip panel coming down and bouncing when it hits, I'd like it to just stop and not bounce. How do I do that? The Flip page says there are flip panel modes, but doesn't give examples of what those look like or how to use them.

rikschennink commented 1 year ago

Hi, you can use flip-easing https://pqina.nl/tick/#flip in the data-style property.

joshuasosa commented 1 year ago

It worked, thanks! I think it'd be useful to include notes and examples down where I expected to find such info: in the Easing tab of Transitions (https://pqina.nl/tick/#transitions-easing). That easing tab could be more useful than just listing easings.

rikschennink commented 1 year ago

Glad to hear that @joshuasosa, and thanks for the suggestions!