28
edits
User:Mantaroh/Scroll-driven animations: Difference between revisions
Jump to navigation
Jump to search
User:Mantaroh/Scroll-driven animations (view source)
Revision as of 03:22, 27 June 2016
, 27 June 2016changed third parameter type.
(fix wrong url) |
(changed third parameter type.) |
||
| Line 19: | Line 19: | ||
Perhaps, WebIDL of ScrollTimeline is same to [[Platform/Layout/Extended|previous API proposal]]. | Perhaps, WebIDL of ScrollTimeline is same to [[Platform/Layout/Extended|previous API proposal]]. | ||
[Constructor ((Window or Element) scrollSource, Orientation orientation, optional | [Constructor ((Window or Element) scrollSource, Orientation orientation, optional double maxTime) | ||
interface ScrollTimeline : AnimationTimeline { | interface ScrollTimeline : AnimationTimeline { | ||
attribute Orientation orientation; | attribute Orientation orientation; | ||
attribute | attribute double maxTime; | ||
}; | }; | ||
| Line 28: | Line 28: | ||
enum Orientation { "vertical", "horizontal" }; | enum Orientation { "vertical", "horizontal" }; | ||
We will specify the third parameter when iterations of animation is 'Infinite'. | |||
And update the range of ScrollTimeline based on the first maching conditions: | |||
- | - If ScrollTimeline doesn't have any related animation, maxRange should be 0ms. | ||
- | - If ScrollTimeline has related animation, maxRnage should be max value in animations. | ||
(We should ignore the infinity duration.) | |||
- If all of related animation's duration is infinity, maxRange should be max value in animation's duration. | |||
e.g. we have two animations. | |||
target1.animation = "anim1 10s linear infinite"; | |||
target2.animation = "anim2 20s linear infinite"; | |||
Then we should be max value of ScrollTimeline is 20s. | |||
=== Interface of CSS proposal === | === Interface of CSS proposal === | ||