Comments on: Box-Shadow back on the Menu (and other updates)

By: Antoine Baptist

Antoine Baptist — Sun, 29 Jan 2012 11:32:22 +0000

Muchos Gracias for your blog.Much thanks again. Much obliged.

By: Genevieve

Genevieve — Tue, 10 Aug 2010 12:22:59 +0000

Just been mucking around with this as well, the shadow’s are showing up in safari, but not firefox, any idea’s why?

By: Dan

Dan — Wed, 04 Aug 2010 07:36:19 +0000

Curious, just mucking around with this. I notice that box-shadow inset only works correctly when a border is applied if a border-radius is used. Does not create the proper inset shadow. I wonder if this is something that they may change???

By: Francisco

Francisco — Tue, 27 Jul 2010 05:48:24 +0000

I really love how it gives me the posibility to create nice and cute border and shadow without any desgined img, i’m really thank to this new property, thx

By: Phil Reeve

Phil Reeve — Wed, 16 Jun 2010 10:21:02 +0000

Martin Hintzmann has a useful solution for box shadows in Internet Explorer here:
http://www.hintzmann.dk/testcenter/js/jquery/boxshadow/

I modified the script to accept an alpha value as well – here:
http://www.yapura.co.uk/dev/jquery.boxshadow.alpha.js

By: Giorgio Liscio

Giorgio Liscio — Sun, 06 Jun 2010 16:21:22 +0000

box-shadow:
0 0 0 10px rgba(255,0,0,0.5)
,
0 0 0 20px rgba(0,255,0,0.5)
;

inner shadow (red) is mixed with the outer shadow color (green)

so my red is now a “yellow”

i think box shadow should provide a way to set the “blending mode” of the shadows

box-shadow-blending:true || false

or something

By: Daniel Walker

Daniel Walker — Sun, 30 May 2010 23:26:38 +0000

I think what Primat is asking for is a way to have box-shadows use a blending model that actually approximates shadows so that they are _always_ darker than the background, i.e. using lerp(a, shadowcolour*backgroundcolour, backgroundcolour) instead of lerp(a, shadowcolour, backgroundcolour).

Personally, I’m ok with the way blending works now (it’s good enough for most situations) but what I’d really like is to be able to specify a purely-vertical or purely-horizontal blur and spread.

By: QOAL

QOAL — Sat, 29 May 2010 16:07:40 +0000

Primat: use rgba() to set the colour of the shadow, that’ll give you control over the opacity.

By: primat

primat — Fri, 28 May 2010 20:12:12 +0000

I just tried out box-shadow property on a live site. It works nice. However, the term box shadow is somewhat misleading.

In order to have a very soft ‘shadow’ over a bright background, it is required that the color value is high (towards the #ffffff).

I have this applied on rotating background images. When the background image is bright, the ‘shadow’ appears fine. But when the background is dark, the ‘shadow’ is actually a glow. This isn’t normal behavior for a shadow and in this particular case, is undesirable.

An opacity parameter would make this much more flexible, but the term ‘shadow’ would still not be precise. Then again, box-glow wouldn’t be any better.

By: AllSayThat

AllSayThat — Fri, 21 May 2010 11:11:40 +0000

I think we need big campaign for deny Internet Explorer because it make limit for web designers progress