Create a recommendations for animations on PatternFly components

patternfly / patternfly-design

Use this repo to file all new feature or design change requests for the PatternFly project

114 stars 104 forks source link

Create a recommendations for animations on PatternFly components #1266

Closed andrew-ronaldson closed 5 months ago

andrew-ronaldson commented 1 year ago

Goal

Provide a consistent implementation of animations across components. These animations should be subtle with fallbacks for users that have reduce-motion enabled in their OS.

Definition of done

[x] Audit all PatternFly components to determine if animations are required

andybraren commented 1 year ago

Very brief .1s transitions for the hover states of buttons and cards to start would get us pretty far. 👍

kaylachumley commented 7 months ago

Animation document: https://docs.google.com/document/d/1tumxUYRQqoqrrfZ1VLoNk6r7hpi3Qnc3BWUDQEXjHJw/edit?usp=sharing

kaylachumley commented 7 months ago

This document is ready for review! Take a look and leave comments or add anything as you see fit. There is a lot of pre-existing information on micro animations in various docs and excel sheets that I tried to reference in my main doc. @andrew-ronaldson