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

Hi,

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.

Greetings,
Dirk

[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