- From: Amelia Bellamy-Royds via GitHub <sysbot+gh@w3.org>
- Date: Wed, 02 Aug 2017 02:46:33 +0000
- To: public-css-archive@w3.org
> The most common usage of additive animation is for combining transform animations. Definitely the most common, but here are some others (remembering that we're not only talking about one animation adding to another, but also about animations adding to the base value): - adding a tint/brightness/darkness to a color, without needing to know what the underlying color was - in general, increasing/decreasing any value (e.g., font-size, width, height) relative to the base value - for accumulations, creating a stepped animation with easing on each step, without needing to define a keyframe for each step ([example, which would have been cooler if SVG/SMIL hadn't had arbitrary limits on easing functions that prevent bounce effects in Firefox](https://codepen.io/AmeliaBR/pen/dROjVe)) Unlike with transforms, creating an additive effect with nested `<div>` isn't even possible. (Well, except for maybe using percentages of container width or inherited font-size.) Even for transforms, having to add extra markup for every dimension of the transform is really hacky and ugly and annoying. -- GitHub Notification of comment by AmeliaBR Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1594#issuecomment-319552667 using your GitHub account
Received on Wednesday, 2 August 2017 02:46:34 UTC