- From: Andy Dent via GitHub <sysbot+gh@w3.org>
- Date: Sat, 09 Jul 2022 04:25:03 +0000
- To: public-design-tokens-log@w3.org
AndyDentFree has just created a new issue for https://github.com/design-tokens/community-group: == Animation description by solely Bezier Curve is inadequate == A common animation technique used to draw attention to an item is a Spring Curve. It adds more _liveliness._ There's an excellent example of them in [Framer Classic](https://classic.framerbook.com/animation/animation-curves/#spring-curves) which includes an demonstration of changing parameters used to control spring changes: - Damping - Duration - Friction - Mass - Tension - Velocity As far as I can tell, the sole type for describing animation in tokens is the [Cubic Bezier](https://second-editors-draft.tr.designtokens.org/format/#cubic-bezier). The motivation for this limitation _may_ be that CSS currently natively only supports Cubic Bezier. However, there are multiple approaches to implementing springs. A quick search found for example that it has been seen as a need for years, with samples: - [2013 boing](https://github.com/gordonbrander/boing) - [2016 CodePen](https://codepen.io/apexskier/pen/vKGKQo) - [2016 article](https://medium.com/@dtinth/spring-animation-in-css-2039de6e1a03) I think it's important that design tokens provide more comprehensive support for UX animation. Tools are already ahead of the standard. Please view or discuss this issue at https://github.com/design-tokens/community-group/issues/158 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Saturday, 9 July 2022 04:25:05 UTC