What is the down side of FLIP animation method?
hi, when search about FLIP animations in web (https://css-tricks.com/animating-layouts-with-the-flip-technique/) i realize that in paper we should use this method for all kinds of animations which affects layout therefore other elements.
so i wonder why very few people uses it because of it is complex or what?
David Khourshid
CSS-Tricks
Animating Layouts With The FLIP Technique | CSS-Tricks
User interfaces are most effective when they are intuitive and easily understandable to the user. Animation plays a major role in this - as Nick Babich said,
3 Replies
There's probably a bunch of reasons people don't use it, but:
- awareness can't use (or design around) what you don't know about
- complexity the concept of animating things backwards is counterintuitive, and some people will bounce off the idea
- separation of concerns it's using javascript to run animations, which lots of people don't like
- filesize it requires loading js for presentation, which increases weight and therefore load time, which people don't like either
- necessity the article you link talks about the 'jank' which comes with very complex animations that are rendered through the browser, which is only an issue if you're doing a bunch of complex animations, which most projects don't require, so it's not a problem that many people need to solve in the first place
i see thanks
People use it more than you think, also you can use different JavaScript animation libraries do the heavy lifting for you.
Looking forward to using the view transition API as it's support grows too.