CSS Drop Shadow die Fünfzehnte

Konstantin Käfer stellt uns eine weitere, selbstentwickelte CSS Drop Shadow Technik vor. Sie deckt nicht alle Problemstellungen ab, die sich bei CSS-Schlagschatten ergeben, ist dafür jedoch simpel und eindeutig MOSe.

Da mir alle bisherigen Dropshadow-Techniken nicht so recht zugesagt haben, weil sie entweder auf IE-Filtern (damit der Schatten auch im IE sichtbar wird) oder zusätzlichem Markup basieren. Andere haben auch das Problem, dass die Ecken der Schatten ziemlich abrupt aufhören und kein weicher Übergang an den Ecken besteht. Das Beste: Meine Methode kommt komplett ohne zusätzlichem Markup und ohne CSS-Hacks aus.
[…]
Meine Technik wird auch etwas anders im IE angezeigt, man sieht aber in allen Internet-Explorer-Versionen ab IE 5 einen Schatten, nur läuft dieser halt nicht sanft aus – das ist alles.

Bisher komme ich hier sehr gut ohne Schlagschatten aus, weil ich eher ein Freund von nichträumlich wirkendem Web-Design bin. Doch es ist gut zu wissen, dass man sich im Fall der Fälle aus vielen verschiedenen Ansätzen die Technik raussuchen kann, die am besten zu einem passt.