Meteora Web Sfida Frontend #01

Modulo Accedi / Registrati a scorrimento

Solo HTML e CSS, zero JavaScript. Clicchi su «Accedi» e il pannello giallo sale con un piccolo rimbalzo. Qui c'è il codice completo, gratis.

👆 Provalo, è quello vero

Come funziona, in 3 trucchi

1Una casella nascosta #chk ricorda se il pannello è aperto o chiuso. Le etichette <label for="chk"> la spuntano al clic.
2Il selettore #chk:checked ~ .login sposta il pannello con translateY. Niente script, decide tutto il CSS.
3La curva cubic-bezier(.68, -.55, .27, 1.55) va un attimo indietro e poi oltre il punto d'arrivo. È lei a fare il rimbalzo.

stile.css

🔒 Compila il modulo qui sotto per sbloccarlo

I tuoi dati li tratta Meteora Web per mandarti il codice e, se lo scegli, le prossime sfide. Leggi la privacy policy.

Segui il nostro profilo per supportare il nostro lavoro. Ogni giorno una sfida nuova, con il codice gratis.

Fatto da Meteora Web · Agiamo digitale · Sciacca