Hiya Andrew, No solutions here I'm afraid, although I have often experienced the same thing and wondered why I'm always so far out on my first attempt.
Just a few words of opinionated warning (that you shouldn't take too seriously): as an ex-full-time designer and someone who now works with non-technical designers, I've often been cynical of the various ways CSS3 encourages *programmers* to define effects which are then procedurally achieved by various UAs' rendering engines. The truth is that even for the most experienced & competent designers, trial and error is necessary. The notion that we can systematically write code to create procedurally-generated effects to simulate aesthetically sensitive optical illusions is not one I can stand behind fully: for example I have yet to use border radius in conjunction with background gradients and box shadows — sliding doors CSS and background images allow that bit more control and pixel-perfection that allow designers to make it look consummately elegant and convincing rather than functionally embossed. In short, when you're talking about optical illusions and a certain level of detail with coherent aesthetics, I don't believe it's possible to algorithmically generate the lot based on small input values. But I digress. Whenever I've tried to achieve the effect I've done it by trial, observation and error.The same values of relative darkness or lightness applied to other colours have never worked, and I've needed to achieve the effect manually. …I'd be very interested if anybody were to get this right though! Regards, Barney Carroll barney.carr...@gmail.com 07594 506 381 ______________________________________________________________________ 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/