Le 17 sept. 2014 à 16:14, Tim Dawson a écrit :
> Given what I read there (4.1.2 Linear Gradient Examples, EXAMPLE 12)
>
> background-image: linear-gradient(#1B91FF 60%, #FEC409 60%, #FEC409 100%);
Yes, in your case (the gradient goes from top to bottom), as I note in my
previous message:
> (o
On 17/09/2014 01:25, Philippe Wittenbergh wrote:
Your error in the standard syntax is in the direction keyword. The correct
syntax requires a
“TO” (or in your case, a top-to-bottom gradient, you can omit the direction
keyword
altogether, as top-to-bottom is the default). So the correct syntax
On 17/09/2014 01:25, Philippe Wittenbergh wrote:
Do you happen to have a -moz- prefixed rule as well? Check the developer tools
in Firefox, it
will almost certainly show you that it uses the prefixed one, not the
un-prefixed, standard
one.
You're right, I've always had a -moz- prefixed rule a
Le 17 sept. 2014 à 08:36, Tim Dawson a écrit :
> For the standards version I've got:
>
> background-image: linear-gradient(top, #1B91FF 60%, #FEC409 60%, #FEC409
> 100%);
Uh, no, that should **not** work anywhere (see below).
> it works perfectly in Firefox (32), but not in Chrome 37 (which
Glad I could help. GL.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
On Sep 16, 2014, at 7:17 PM, Tim Dawson wrote:
> Hello Karl,
>
> Thanks. That works, and only differs from my standards version by the
> addition of '-webkit-'
>
> It doesn't seem to matter whether one uses
Hello Karl,
Thanks. That works, and only differs from my standards version by the addition
of '-webkit-'
It doesn't seem to matter whether one uses the short-hand 'background' or
'background-image'.
I was working from a Sitepoint book that was published in 2011, hence all the
'color-stop' stu
I use this:
http://www.colorzilla.com/gradient-editor/
On Tue, Sep 16, 2014 at 7:36 PM, Tim Dawson wrote:
> I'm trying to create a cross-browser stopped linear gradient, but can't get
> the -webkit- syntax right despite the reference books.
>
> The 'gradient' is to have #1B91FF (a blue) in the to
I'm trying to create a cross-browser stopped linear gradient, but can't get the -webkit- syntax
right despite the reference books.
The 'gradient' is to have #1B91FF (a blue) in the top 60%, and #FEC409 (a yellow) in the bottom
40%. There should be a sharp division between the colours.
For the
