Schlagschatten

CSS - Class um ein Element mit mit einem Schlagschatten zu versehen.

Die Werte hierfür sind:

  • Horizontaler Versatz
  • Vertikaler Versatz
  • Schärfe des Schattens
  • Überfüllungsradius (Optional)
  • die Farbe
  • Optional kann das Schlüsselwort "inset" angefügt werden, dann ist der Schatten innerhalb der Box.

CSS - Schlagschatten
.SchlagSchatten {
  -moz-box-shadow:3px 3px 6px 2px #333333    /* Firefox */
  -webkit-box-shadow:3px 3px 6px 2px #333333 /* Chrome, Safari */
  -khtml-box-shadow:3px 3px 6px 2px #333333  /* Konqueror */
  box-shadow:3px 3px 6px 2px #333333         /* CSS3 */
  -ms-filter:"progid:DXImageTransform.Microsoft.DropShadow
        (color=#333333, offx=3, offy=3)";
  filter:progid:DXImageTransform.Microsoft.DropShadow
	(color=#333333, offx=3, offy=3);
}

Auch hier, wie so oft, muss man den Internet Explorer verhätscheln ("Was mich das blöde Ding schon an Nervern gekostet hat."). Dafür stehen die letzten beiden Zeilen (die mit dem Zeilenumbruch). Auch trotz der Mühe, werden alte Modele des IE den Schatten nicht vernünftig darstellen können.

Das ist die Box mit Schlagschatten

Ich habe mal die Ecken gerundet, damit man es noch besser sieht. Das habe ich in einem anderen Beitrag schon erklärt.

Letzte Änderung dieser Information: 27.08.2024 18:19 h

Wir verwenden Cookies und Dienste von Drittanbietern

Akzeptieren Sie Cookies und Dienste?

 Nein   Ja     mehr Information

Wir nutzen folgende Cookies:

php Session Cookie: PHPSESSID
Wird vom Server gesetzt um die Funktionaität der Kontaktformulare, die Auswahl der Sprache, der Wunschliste und dem Warenkorb zu gewährleisten.
Speicherdauer: Bis Ende der Browsersitzung
Werte: SessionID: ocbpadl2g0k0065rfu9bn76vbt


Eigenes Cookie: tenerindi_com
Speichert ob Sie Cookies und Dienste akzeptieren und wenn ja, welche Sie akzeptieren.
Speicherdauer: 90 Tage (Bei NEIN nur bis Ende der Browsersitzung)
Werte: AllowCookies: YES / NO - AllowGoogleMaps: YES / NO - AllowYoutube: YES / NO - AllowKalender: YES / NO - AllowMatomo: YES / NO


Matomo Analytics: _pk_id.1.8c15
wird verwendet, um einige Details über den Benutzer zu speichern, wie die eindeutige Besucher-ID
Speicherdauer: 13 Monate

Matomo Analytics: _pk_ses.1.8c15
Kurzzeit-Cookies, die vorübergehend Daten für den Besuch speichern
Speicherdauer: 30 Minuten


Ihre Einstellungen

 Einstellung speichern Schliessen

  Es werden keine dauerhaften Cookies gesetzt und keine Daten an Google gesendet. Sie können allerdings die Landkarte von Google Maps und Streetview nicht nutzen.

  Das Cookie wurde soeben gesetzt.