- From: Andrew Fedoniouk <news@terrainformatica.com>
- Date: Mon, 14 Sep 2009 19:59:36 -0700
- To: Brad Kemper <brad.kemper@gmail.com>
- CC: www-style list <www-style@w3.org>
Brad Kemper wrote: > > On Sep 14, 2009, at 8:49 AM, Brad Kemper wrote: > >>> I am not sure I understand physics here. See: >>> 1) For shadow purposes that logo is treated as if it is transparent >>> (punched) so it does not cast the shadow. >>> 2) But at the same time it is rendered as if it is non-transparent. >> >> With inner shadows, wherever there is solid color, it renders as >> though that color is on a surface below a transparent cut-out. Because >> the logo is solid and opaque, you see the unobscured color of it on >> that lower surface. Wherever there is transparency in the original >> image, you get the effect of a surface floating above the lower >> surface, casting a shadow on whatever colors were not transparent. >> >>> Seems like contradictory for me. >> > > This might help show what is going on a little more clearly: > > http://www.bradclicks.com/cssplay/concentric.html > > > Brad, am I correct that element with background-color:transparent; placed on another one with background-color: rgba(214,0,0,0.5); will produce the following: http://terrainformatica.com/w3/inner-shadow.png ? -- Andrew Fedoniouk. http://terrainformatica.com
Received on Tuesday, 15 September 2009 03:00:02 UTC