Commit 74607020 authored by Achilleas Pipinellis's avatar Achilleas Pipinellis

Merge branch 'ux-guide-hover-animation-guidance-update' into 'master'

UX guide: Update animation guidance to 100ms

See merge request !8692
parents 40a82435 09f1a9e3
...@@ -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