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

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

From: Andreas Larsen via GitHub <sysbot+gh@w3.org>
Date: Mon, 08 May 2017 20:36:33 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-299983366-1494275791-sysbot+gh@w3.org>
@meyerweb My attempt was mostly a proof of concept and nowhere near flexible enough so cheers for picking up my idea and making it better.
I'm curious how the `<color-stop> = <color> [ <length-percentage> || <timing-function> ]?` would work in practice since timing functions refers to the transition between two stops. 

Should one only be able to add timing-function to subsequent stops so it always describes how the gradient transitions to the stop with the timing-function applied?

Or would 

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

effectively be the same as

```
linear-gradient(black 0% ease-in-out, transparent 100%);
```
and if so, then how should

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

-- 
GitHub Notification of comment by larsenwork
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1332#issuecomment-299983366 using your GitHub account
Received on Monday, 8 May 2017 20:36:39 UTC

This archive was generated by hypermail 2.3.1 : Monday, 23 October 2017 10:12:53 UTC