Wie Hinzufügen Schlagschatten Elemente zum Kasten

Neben Textschatten, CSS 3 gibt Ihnen die Macht Schatten hinzufügen Elemente, wie Tags zu boxen. In der Abbildung sehen Sie, wie Schlagschatten Abschnitte saldiert wurden verwendet, um, wie die Seite, in diesem Beispiel-Seite der Jelly Rancher Website.

Ähnlich wie der Text Schatten, sagt der erste Wert den Safari-Browser die horizontalen Versatz stellt die zweite die vertikale Versatz und der dritte Wert beschreibt, wie verschwommen sollte der Schatten sein. Auch hier ist der Standardwert 0, und wenn Sie nicht die Unschärfe angeben, Farbe der Schatten des vollständig fest.

Hier ist die Syntax für die Box Schlagschatten für WebKit-Browser:

-Webkit-box-shadow: horizontal vertikal verwischen farb-

Ein RGBA-Farb gibt Ihnen mehr Kontrolle über das Aussehen der Schatten, weil Sie Transparenz hinzufügen. In ähnlicher Weise erzeugt die em Messung mit einem Schatten, der besser, wenn die Größe des Textes stellt ändert.

Die folgende Stil fügt einen Schlagschatten auf alle Box-Elemente auf einer Seite:

Sie Schlagschatten hinzufügen können, um Text, & lt; div >Tags und andere Elemente von CSS 3 verwendet wird.
Sie können Schlagschatten auf Text hinzufügen,
Tags und andere Elemente von CSS 3 verwendet wird.
div {-webkit-box-shadow: .15em .25em .5em rgba (27, 27, 27, 0,6) -}

Menü