Commit 09f1a9e3 authored by Allison Whilden's avatar Allison Whilden

[ci skip] UX guide: Update animation guidance to 100ms

parent c2093486
...@@ -19,7 +19,7 @@ Easing specifies the rate of change of a parameter over time (see [easings.net]( ...@@ -19,7 +19,7 @@ Easing specifies the rate of change of a parameter over time (see [easings.net](
### Hover ### 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. View the [interactive example](http://codepen.io/awhildy/full/GNyEvM/) here.
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment