Re: [csswg-drafts] [css-images] Add easing functions to color stops

@larsenwork: My thought was that the timing function (really an easing function) for a color stop described the easing from the previous stop to itself, so an easing function on the first color stop would be ignored (though not invalid).

Thus:

```
linear-gradient(black 0%, transparent 100% ease-in-out);
```

…describes an `ease-in-out` from the previous color stop (black) to the current color stop (transparent).  Therefore, your second example:

```
linear-gradient(black 0% ease-in-out, transparent 100%);
```

…is actually equivalent to:

```
linear-gradient(black 0% ease-in-out, transparent 100% linear);
```

If the `<color> [ <length-percentage> || <timing-function> ]?` syntax were adopted, then this would also be equivalent:

```
linear-gradient(black 0% ease-in-out, transparent linear 100%);
```
…because the easing function and distances could be written in any order.

-- 
GitHub Notification of comment by meyerweb
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1332#issuecomment-299985833 using your GitHub account

Received on Monday, 8 May 2017 20:46:16 UTC