Comments (3)
I'm planning to spec this in Web Animations: https://w3c.github.io/web-animations/#issue-fc1dd2fc
from csswg-drafts.
If you do want to see both the starting and ending values, and have a stepped transition between them, you need to do some math and overshoot the desired end-point instead.
I do not agree with this. In the case of animating a sprite-sheet with finite iterations (background-position) it is impossible to overshoot due to the limitations of the underlying background-image. I think that possible parametrizations to animate all frames correctly with fill-mode forwards only exist for 1 and infinite iterations. Run the example here: http://stackoverflow.com/questions/38809527/css-spritesheet-animation-fill-mode-forwards-with-steps-ends-on-wrong-position
Should this be a separate issue?
I think this is not an issue of intuitiveness. It appears to be uncharted territory in the specs, if not a specs-bug.
Is there a link to a draft for the proposed frames() timing-function?
from csswg-drafts.
Resolved now (we're using steps(), but adding a keyword with the behavior described here). Closing in favor of #1680 to track remaining naming issue.
from csswg-drafts.
Related Issues (20)
- [css-grid-3] Make align-self/justify-self align including adjacent extra space HOT 8
- [web-animations-2] Why are Range Configs Applied to the Animation and not the Timeline?
- [meta] drafts.csswg.org is not listing drafts
- [cssom-1] Setting a custom property value to empty string HOT 1
- [css-color-5] RCS channel keywords interaction with calc() is underspecified HOT 2
- [css-next] Call for feedback: RFC open for CSS Levels categorization
- [css-sizing] Proposal: `default-width` CSS property
- Editorial suggestions from HR HOT 3
- [css-variables-2][css-properties-values] Constants in CSS HOT 2
- [css-nesting][selectors] Behavior of & at the root of a stylesheet HOT 8
- [CSS-UI] caret-shape: block/underscore and overflow
- T
- [css-fonts-5] Computed value for font-size-adjust HOT 1
- [css-ui] `outline-style` should work for both UA and author values around anonymous block boxes
- [css-values-5] Interpolating calc-size() more generally HOT 22
- [selectors] Adding a `:heading()` selector for headingoffset? HOT 1
- [cssom-1][css-pseudo-4] getComputedStyle and pseudo-elements with pseudo-classes or sub-pseudo-elements HOT 1
- [selectors-4][css-pseudo-4] meaning of ::search-text:current(…), :past, :future
- [css-cascade-6] Scope Proximity & Sibling-Element Hops HOT 1
- [css-contain] Stacking Context is undesired
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from csswg-drafts.