CodePen Challenge # 2 Style a Signup Form

È tempo di un'altra Sfida CodePen! Questa volta voglio che tu ci mostri cosa puoi fare a un modulo di registrazione; il tipo che è possibile utilizzare con una mailing list MailChimp o Campaign Monitor. È tutto. I migliori esempi saranno mostrati in una settimana o giù di lì!

La sfida

Vogliamo che faccia in modo che questa forma sia straordinaria. È un modulo elemento che avvolge a etichetta, un e-mail input e a Sottoscrivi pulsante (anche un input) -typical del tipo di modulo che avresti inserito nel tuo sito web per raccogliere gli iscritti per una mailing list. Fai tutto ciò che vuoi: cambia il layout, perfeziona la tipografia, aggiungi animazione, rendila rosa, purché ciò che fai avvenga all'interno dei regni della scheda CSS.

A voi

Ecco cosa devi fare, in pochi semplici passaggi.

Passo 1

Innanzitutto, vai alla demo su CodePen. Questo è quello che sembra:

Passo 2

Colpire il Forchetta per creare la tua copia personale, quindi apportare tutte le modifiche che desideri al CSS.

Passaggio 3 (facoltativo)

Se hai effettuato l'accesso a CodePen, puoi modificare la descrizione premendo il pulsante Informazioni pulsante. Usa questo per dare un'idea alla gente di quello che hai fatto.

Passaggio 4

Colpire Salvare, hai finito. Assicurati di farci sapere nei commenti quando hai finito, e sentiti libero di farcelo sapere twittando anche noi @wdtuts.

Questo è tutto! Tutte le voci verranno aggiunte a questa raccolta su CodePen e i migliori esempi verranno mostrati su Tuts + in una settimana circa!

Buona fortuna e non dimenticare di seguire Tuts + su Codepen!