Re: [css3-images] Summary of recent gradient issues

On Wed, Jun 15, 2011 at 10:25 PM, Alan Gresley <alan@css-class.com> wrote:
> FYI, a transition from top to right, right to bottom, bottom to left and
> left to top is inscribing the box. A transition from top right to bottom
> right, bottom right to bottom left, bottom left to top left and top left to
> top right is circumscribing the box.
>
> So any transition from side (top, right, bottom and left) to corner (top
> right, bottom right, bottom left and top left) is also a transition from
> inscribing to circumscribing.

Not quite.  As the angle changes, the length of the gradient-line
changes as well, so that the 0% and 100% colors are always exactly in
a corner.  All of the transitions you list above are the same.

~TJ

Received on Thursday, 16 June 2011 18:23:52 UTC