Class-Card

Lektion 11 von 17 im Kurs Bild-Akkordeon | Front-End-Projekt von Coddy.

Aufgabe

Einfach

Targeten Sie die Klasse ‘card’:

Setzen Sie die Breite auf 130 Pixel.
Setzen Sie background-size auf cover
Setzen Sie cursor auf pointer
Setzen Sie overflow auf hidden.
Setzen Sie den Rahmenradius auf 25 Pixel.
Setzen Sie den Außenabstand (margin) auf 0 für oben-unten und 10 Pixel für links-rechts

Fügen Sie am Ende diese Transition und diesen Box-Shadow hinzu:

transition: .6s cubic-bezier(.28,-0.03,0,.99); box-shadow: 0px 10px 30px -5px rgba(82, 9, 9, 0.8);

Probier es selbst

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