diff options
| author | Allison Whilden <allison@gitlab.com> | 2017-01-21 17:00:55 -0800 |
|---|---|---|
| committer | Allison Whilden <allison@gitlab.com> | 2017-01-21 17:01:56 -0800 |
| commit | 09f1a9e320306677d0a94c8f8d7b58c3024c3ed7 (patch) | |
| tree | fe993b4dd3e460a03b0b45c3c15e5db7162dbcdb | |
| parent | c20934869f7dc8cfbdbafb6ecb7b1305452c9e8a (diff) | |
| download | gitlab-ce-ux-guide-hover-animation-guidance-update.tar.gz | |
[ci skip] UX guide: Update animation guidance to 100msux-guide-hover-animation-guidance-update
| -rw-r--r-- | doc/development/ux_guide/animation.md | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/doc/development/ux_guide/animation.md b/doc/development/ux_guide/animation.md index 903e54bf9dc..5dae4bcc905 100644 --- a/doc/development/ux_guide/animation.md +++ b/doc/development/ux_guide/animation.md @@ -19,7 +19,7 @@ Easing specifies the rate of change of a parameter over time (see [easings.net]( ### Hover -Interactive elements (links, buttons, etc.) should have a hover state. A subtle animation for this transition adds a polished feel. We should target a `200ms linear` transition for a color hover effect. +Interactive elements (links, buttons, etc.) should have a hover state. A subtle animation for this transition adds a polished feel. We should target a `100ms - 150ms linear` transition for a color hover effect. View the [interactive example](http://codepen.io/awhildy/full/GNyEvM/) here. |