No estoy seguro de por qué esto es incorrecto. .content { transition: color, background; }

Question

Error que indica asegurar que la transición esté en .content. No se puede avanzar.

style.css

/* Completa el desafío escribiendo CSS a continuación */

.contenido {
transition: color 1s, background 1s;

}

.invertir:marcado ~ .contenido {
    color: #fff;
    background: #373737;
}

index.html

<!DOCTYPE html>
<html>
<head>
    <title>Transiciones CSS</title>
    <meta name=viewport contenido=width=device-width, initial-scale=1.0>
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='hoja de estilos' type='texto/css'>
    <link rel=stylesheet href=page.css>
    <link rel=stylesheet href=style.css>
</head>
<body>
    <div class=contenedor clearfix>

        <input type=checkbox id=invertir class=invertir><etiqueta para=invertir>Invertir colores</etiqueta>

        <div class=contenido>
            <h2>Garra de oso</h2>
            <p>Wafer apple pie sugar plum lollipop jelly-o croissant. Jelly beans bear claw fruitcake sugar plum. Bear claw oat cake croissant powder pie sweet roll powder gummies. Chocolate apple pie pudding pie sesame snaps. Danish wafer chupa chups apple pie. Gingerbread pastry candy canes. Pie bonbon candy chocolate cake dessert.</p>
        </div>

    </div>
</body>
</html>

Answer 1 · 2023-08-07T22:16:48Z

7 de agosto de 2023 10:16 p.m.

Así que esto es en realidad uno complicado y me tomó un tiempo descubrir por qué tu código tampoco estaba funcionando. Desafortunadamente, el mensaje de error no es del todo correcto aquí. Lo que este desafío busca es no usar la sintaxis abreviada como lo has hecho (que es lo que naturalmente haría también)

transition-property: color, background;
transition-duration: 1s;

Bienvenido a la Comunidad de Treehouse

¿Buscas aprender algo nuevo?

Vernon Kincaid

Vernon Kincaid

No estoy seguro de por qué esto es incorrecto. .content { transition: color, background; }

1 Respuesta

Travis Alstrand

Travis Alstrand