On 8/06/2011 11:09 PM, Andrew C. Johnston wrote:
While I am tempted to get some popcorn and watch you two bludgeon
each other with fancy tech/design words, I think its better to
re-focus, and try to explain my point more clearly.
I wasn't using any such words. There is basic maths involved.
With inset, outset, groove and so on, you choose one color *for each
side of the border*, but then the final result is two colors for each
side of the border. A darker or lighter color is chosen for me based
on the color I choose. So if I made different color sides of the
border, including top, bottom, and so on, each using groove for
instance, then I would finally have 8 colors in the complete border.
Yes. Load this demo up in either Safari or Chrome 12 (now supports 3D
animations),
http://css-class.com/test/css/3/3d-animation/color-cube4.htm
and select "Show" for "Yellow to Blue". What you will notice with the
variant colors with these type of borders is that the colors used, all
belong to the same hue. These colors of the same hue are formed by a
triangle that has it extreme points at blue (#0000FF or rgb(0,0,255)),
white and black in sRGB colorspace. There is 32,763 colors for this hue
(he same as yellow, lime, fuchsia, aqua and red). There are 256 hues in
total.
What I am saying, and I apologize for being unclear, is that I would
like to be able to choose the relationship between those two colors
in one side of the border, or at least have more options than I do
now. Now, I can choose one color for one side of the border, and
using groove or ridge will tell the browser to calculate the other
color (again, just for one side of the border) based on some formula.
I don't see why another formula can't be substituted, or indeed why I
can't just specify 2 colors for the one side of the border.
There no way to adjust the algorithm. Even if you use inset, outset,
groove or ridge, the only solution is to give left and top a different
border-color to right bottom. To have them act similar to how they
currently work, use a color belonging to the same hue.
border-left: 10px groove #7f7fff;
border-top: 10px groove #7f7fff;
border-right: 10px groove #00007f;
border-bottom: 10px groove #00007f;
If you have trouble knowing what color is the same hue, then just use HSL.
http://www.w3.org/TR/2011/REC-css3-color-20110607/#hsl-color
But just to be serious for a second, I do enjoy the discussion.
HTH,
Andrew
Yeah, I'm really lazy programmer instead of an artist. The truth of the
matter is, I'm a fine artist that loved oil paint (usually cadmium
based) who now paints with CSS3.
http://css-class.com/test/css/3/gradients/gradient-art.htm
I don't have to wash my hands in chemicals after painting and I don't
have that smell of turpentine and linseed oil lingering around.
--
Alan Gresley
http://css-3d.org/
http://css-class.com/
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
