cfpb / design-manual

⚠️ THIS REPO IS DEPRECATED ⚠️ A set of design principles and standards for the Consumer Financial Protection Bureau.
https://cfpb.github.io/design-manual/
Creative Commons Zero v1.0 Universal
98 stars 71 forks source link

Page and element transition animations #400

Open niqjohnson opened 8 years ago

niqjohnson commented 8 years ago

Lots of the interfaces we're making lately have some kind of animated transition in them, but I don't think we have any standards around those animations. Some examples I've noticed recently:

I'm sure there are plenty of others I haven't seen, too.

I'd be in favor of setting some broad standards around these kinds of page and element transitions to start, like:

From there, maybe we can turn some of the more globally applicable transitions into their own design manual elements as needed (like smoothly scrolling a page).