Input

Leçon 16 sur 17 du cours Accordéon d'images | Projet front-end de Coddy.

Défi

Facile

Ciblez la balise input :

Définissez le display sur none.

Important : Ajoutez ce code à la fin pour faire apparaître le texte de transition après avoir cliqué sur n'importe quel input, et le label prendra la largeur après un clic :

input:checked + label {
    width: 600px;
}

input:checked + label .description {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

Essayez vous-même

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