The demo page scroll is very janky, which detracts from the animations entirely. Seems to be because of the excessive use of blur filters - the cards are on a black background so the filter is not doing anything anyway.
(I'm on a brand new PC with pretty good hardware. It's not as bad on the Mac, but it still can't keep up 60fps)
The demo page scroll is very janky, which detracts from the animations entirely. Seems to be because of the excessive use of blur filters - the cards are on a black background so the filter is not doing anything anyway.
(I'm on a brand new PC with pretty good hardware. It's not as bad on the Mac, but it still can't keep up 60fps)
Thanks for the report! I've removed the blur filters.
Nice idea, this looks like it simplifies a lot of the common animation cases.
Have you thought about allowing animations to be chained or sequenced? For example running one animation after another using multiple data attributes.
Thanks! Stagger is already supported with configurable delay and direction: https://ryo-manba.github.io/data-anim/docs/stagger/
Chaining across different elements isn't supported yet, but great idea. Will look into it.
I like the simplicity. Great job. Though I could have used a demo page with a block for every animation at once instead of poking at choices.
Thanks for the feedback! I've updated the docs with a page that lists all animations in one place: https://ryo-manba.github.io/data-anim/docs/animations/
Great. That’s what I was thinking.