W3C home > Mailing lists > Public > public-css-archive@w3.org > May 2017

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

From: Eric A. Meyer via GitHub <sysbot+gh@w3.org>
Date: Mon, 08 May 2017 20:46:09 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-299985833-1494276368-sysbot+gh@w3.org>
@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

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:12 UTC