W3C home > Mailing lists > Public > www-style@w3.org > June 2011

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

From: Eli Morris-Heft <eli.morris.heft@gmail.com>
Date: Thu, 16 Jun 2011 06:38:21 -0500
Message-ID: <BANLkTi=e5Rp602jikmee4tXdER1Jrx52rQ@mail.gmail.com>
To: Alan Gresley <alan@css-class.com>
Cc: www-style@w3.org
On Thu, Jun 16, 2011 at 00:25, Alan Gresley <alan@css-class.com> wrote:

> So in other words, if I had a box of width: 200px and height: 100px, I can
> no have a linear-gradient (running from start to end) at 45 arc degrees from
> either the x or y axises.
>

Don't see why you couldn't. You can still specify angles in the syntax I
suggested. Though looking back, I do see that I accidentally missed a
grouping; sorry if that was the source of the confusion. Let me fix that:

<linear-gradient> = linear-gradient(
[
    [
        <angle>
        |
        [ top | bottom | left | right [to [ top | bottom | left | right] ]?
]
    ], <color-stop>[, <color-stop>]+
);

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.
>

Is this different from the transition that has to occur when transitioning
from 0deg to 45deg on a square box? (Or 0deg to 30deg on a box with a
1:sqrt(3) ratio for the sides?) Not a trivial matter either way, but it is
not adding any calculation that doesn't have to be done in unrelated
circumstances.
Received on Thursday, 16 June 2011 11:39:08 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:41 GMT