Was ist CSS box-shadow
box-shadow ist eine CSS-Eigenschaft, die HTML-Elementen Schatten hinzufügt. Es ist eine wesentliche Webdesign-Technik, die Tiefe und Dimensionalität nur mit CSS-Code ohne Bilder ausdrücken kann.
box-shadow Parameter
box-shadow wird in der Reihenfolge 'horizontaler-Versatz vertikaler-Versatz Unschärfe Streuung Farbe' angegeben. Horizontale und vertikale Versätze bestimmen die Schattenposition, Unschärfe steuert die Kantenweichheit, Streuung steuert die Schattengröße, und die Farbe kann mit RGBA, einschließlich Transparenz, angegeben werden.
inset (Innerer Schatten)
Das Hinzufügen des Schlüsselworts 'inset' zeichnet den Schatten innerhalb des Elements anstatt außerhalb. Geeignet zum Ausdrücken von eingedrückten Formulareingaben oder gedrückten Schaltflächenzuständen.
Schichtung mehrerer Schatten
Mehrere box-shadows können mit Kommatrennung angegeben werden, um Schatten zu schichten. Neumorphismus-Design kombiniert helle und dunkle Schatten, um eine dreidimensionale Textur auszudrücken.