W3C home > Mailing lists > Public > www-style@w3.org > August 2013

[css-images] feedback on angle interpolation of linear gradients

From: Dirk Schulze <dschulze@adobe.com>
Date: Mon, 19 Aug 2013 03:47:06 -0700
To: www-style list <www-style@w3.org>
Message-ID: <0DD25682-0AA0-41E0-8359-2DC361ED0656@adobe.com>

I experimented with the animation of <angle> on linear-gradient interpolation. The shrinking of the gradient length on edges and growing on corners as described in Issue 20[1] of the spec looks indeed wonky. It looks like the gradient starts glowing if it rotates to one of the corners. It also gives the impression that the animation is faster on the corners than on the edges.

Animating of the gradient length might produce more pleasant results but requires information about the gradient size (layout information) again. (See threat "[css-images] color-stop position interpolation")

I uploaded a patch for WebKit and a small example to demonstration angle animation[2]. The patch may apply to the Blink code base as well.


[1] http://dev.w3.org/csswg/css-images/#interpolating-gradients
[2] https://bugs.webkit.org/show_bug.cgi?id=119956
Received on Monday, 19 August 2013 10:47:42 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:33 UTC