Klasa 'card'

Lekcja 13 z 31 w kursie Karta 3D | Projekt front-endowy w Coddy.

Wyzwanie

Łatwy

Wybierz klasę ‘card’:

Ustaw wysokość na 100%.
Ustaw border-radius na 50px
Ustaw kursor na pointer

Poniższy kod jest ważny dla karty, więc zrozum go, skopiuj, a następnie wklej:

background: linear-gradient(135deg, rgb(0, 255, 214) 0%, rgb(8, 226, 226) 100%);
transition: all 0.4s ease-in-out;
transform-style: preserve-3d;

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 Karta 3D | Projekt front-endowy

Poćwicz samodzielnie: Edytor online Web