Open jakearchibald opened 2 years ago
To finish out the list of currently-suggested additional easing ideas:
custom-easing(sin(p))
, a calculation with a calc variable p
for the progresssmooth
: a new cubic-bezier keyword that auto-computes based on surrounding easings in a keyframe animation to produce a c1-continuous curveAgenda+ to discuss at TPAC, to see if we want to pursue any of these right now, or defer them.
The CSS Working Group just discussed [css-easing-2] Custom curve-based easing functions
.
Quick summary of the discussion in the room (not final by any means)
https://github.com/w3c/csswg-drafts/issues/229 was solved with
linear()
, which allows easings to be defined by a series of points that are linearly interpolated.Many easings are curve-based, so there's space for a more efficient syntax that allows curves to be defined.
Some ideas/points from https://github.com/w3c/csswg-drafts/issues/229:
cubic-bezier()
isn't great, since it's a 2D concept that's being applied to something that's fundamentally 1D. https://github.com/w3c/csswg-drafts/issues/229#issuecomment-228259642cubic-bezier()
functions together https://github.com/w3c/csswg-drafts/issues/229#issuecomment-229864970cubic-spline()
ideas https://github.com/w3c/csswg-drafts/issues/229#issuecomment-491497200