Menu
Coddy logo textTech

Klasa karty

Lekcja 11 z 17 w kursie Akordeon z obrazami | projekt front-endowy w Coddy.

challenge icon

Wyzwanie

Łatwy

Wybierz klasę ‘card’:

  1. Ustaw szerokość na 130 pikseli. 
  2. Ustaw background-size na cover
  3. Ustaw cursor na pointer
  4. Ustaw overflow na hidden.
  5. Ustaw zaokrąglenie obramowania na 25 pikseli. 
  6. Ustaw margines na 0 od góry i dołu oraz 10 pikseli z lewej i prawej strony
  7. Dodaj tę właściwość transition i box-shadow na końcu:

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

Spróbuj swoich sił

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Wpisz tutaj kod HTML -->
        <script src="script.js"></script>
    </body>
</html>

Wszystkie lekcje w sekcji Akordeon z obrazami | projekt front-endowy

Poćwicz samodzielnie: Edytor online Web