Input

Lezione 16 di 17 del corso Fisarmonica di immagini | Progetto front-end di Coddy.

Sfida

Facile

Tag input di destinazione:

Imposta la visualizzazione su none.

Importante: Aggiungi questo codice alla fine per far apparire il testo della transizione dopo aver fatto clic su un input qualsiasi; dopo il clic, l'etichetta occuperà la larghezza indicata:

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

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

Provalo tu

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Scrivi qui il codice HTML -->
        <script src="script.js"></script>
    </body>
</html>