0251 / 590 837 15
info@a-coding-project.de

Box-Shadow Generator

Box-Shadow mit CSS3

Box-shadow mit CSS3 stellt die lang erwartete Funktionalität bereit, ohne die bisher erforderlichen Extraboxen sowie Farbdifferenzen oder aber hinterlegte Bilder Schatten hinter jedem beliebigen HTML-Objekt darzustellen. Dabei lassen sich sowohl Schattenfarbe als auch Schattenradius frei konfigurieren. Interessant ist, das der Schatten mit der ihm zugewiesenen Box skaliert, sich also in Größe und Form dem Objekt anpasst.

Ebenso richtet sich der Schatten nach der Eckenform des Objektes: Hat die Box runde Ecken, so sind auch die Ecken des Schattens abgerundet. Des Weiteren lässt sich auch die Schattendichte frei konfigurieren. Eine durchaus interessante Neuerung also, die vielen Webentwicklern die Arbeit vereinfacht und für deutlichen Performancezuwachs sorgen dürfte.