Schatten

Lektion 6 von 8 im Kurs CSS-Projekt – Schicker Button von Coddy.

Es ist gängige Praxis, Schaltflächen Schatteneffekte hinzuzufügen, um ihnen ein erhabenes und klickbares Gefühl zu verleihen.

Um in CSS einen Schatten hinzuzufügen, verwenden wir die Eigenschaft box-shadow,

#with-shadow {
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
}

Aufgabe

Einfach

Füge deinem Button Schatten hinzu!

Tipp: Es ist eine gute Praxis, die Farbe rgba(0, 0, 0, 0.25) als Schattenfarbe zu verwenden (du kannst mit der Deckkraft spielen - 0.25)

Probier es selbst

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
    </body>
</html>

Alle Lektionen in CSS-Projekt – Schicker Button

1Einführung

2Das CSS-Projekt

Schatten