W3C home > Mailing lists > Public > public-fx@w3.org > April to June 2010

Re: Transitions of CSS images, including transitions of gradients.

From: David Singer <singer@apple.com>
Date: Mon, 19 Apr 2010 12:00:14 -0700
Cc: "Tab Atkins Jr." <jackalmage@gmail.com>, Simon Fraser <smfr@me.com>, public-fx@w3.org
Message-Id: <39CD38A4-7156-4B2A-A7B4-4E242C4A7193@apple.com>
To: "L. David Baron" <dbaron@dbaron.org>
Funny, I was wondering about alternatives too!

I'm trying to work out in my mind these different visual effects:

Assume we have two gradients, with the same number of stops in the same positions.

a) Interpolate the colors at each stop, and then generate a gradient based on the interpolated colors.

b) generate the two gradients, and cross-fade them

c) generate the two gradients, and then define an image transition effect 'color-interpolate' where each pixel is interpolated between its starting and ending colors


On Apr 19, 2010, at 11:56 , L. David Baron wrote:

> Let's call your proposal (which is what used to be in the
> transitions spec) (1).
> 
> I can think of two ways to animate gradients that would work more
> generally:
> 
> (2) Cross-fade the colors along the gradient line (i.e., in %-age
> space), and simultaneously animate the position of the gradient
> line. (this works between gradients and solid colors, but not
> gradients and images)
> 
> (3) pure cross-fade (which even works between gradients and images)
> 
> It would be interesting to see if there are important use cases that
> can be handled by (1) or (2) that don't work with (3).  (One that's
> been mentioned is widening or narrowing a gradient.  Is this
> important?)

David Singer
Multimedia and Software Standards, Apple Inc.
Received on Monday, 19 April 2010 19:00:47 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 19 April 2010 19:00:47 GMT