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

Re: [css3-images] exactly 2 adjacent colors stops

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Mon, 16 May 2011 18:20:05 -0700
Message-ID: <BANLkTikDSdMr3f-=_HPNKcrXsfxusUn=VQ@mail.gmail.com>
To: Alan Gresley <alan@css-class.com>
Cc: Brian Manthos <brianman@microsoft.com>, www-style list <www-style@w3.org>
On Mon, May 16, 2011 at 6:11 PM, Alan Gresley <alan@css-class.com> wrote:
> FYI, The code *-gradient(red 10px, blue 10px) when used with
> repeating-linear-gradient can be abused to create solid uniform color
> (opaque ~ transparent) shapes. Currently IE10 preview wrongly shows red.
[snip]
> I would prefer to see an non hacky way to do this. Perhaps a property called
> 'solid-color()'

Less abusively, you could just do "linear-gradient(blue, blue)".

Somewhat less hackily (mechanically, it's hacky, but it *looks* good
when you do it), just use "image(blue)" once image() is supported.
image()'s main functionality is letting you specify multiple urls and
fallback when they don't work, and you can supply a color as the final
fallback for the case when all the images fail.  "image(blue)" just
forgoes the images and skips straight to the fallback.  I think it
looks appropriate to create a blue image with "image(blue)".

~TJ
Received on Tuesday, 17 May 2011 01:23:45 GMT

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