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
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
Le 17 sept. 2014 à 16:14, Tim Dawson t...@ramasaig.com 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
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
I use this:
http://www.colorzilla.com/gradient-editor/
On Tue, Sep 16, 2014 at 7:36 PM, Tim Dawson t...@ramasaig.com 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
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'
Glad I could help. GL.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
On Sep 16, 2014, at 7:17 PM, Tim Dawson t...@ramasaig.com wrote:
Hello Karl,
Thanks. That works, and only differs from my standards version by the
addition of '-webkit-'
It doesn't seem to matter
Le 17 sept. 2014 à 08:36, Tim Dawson t...@ramasaig.com 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