È 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ì!
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.
Ecco cosa devi fare, in pochi semplici passaggi.
Innanzitutto, vai alla demo su CodePen. Questo è quello che sembra:
Colpire il Forchetta per creare la tua copia personale, quindi apportare tutte le modifiche che desideri al CSS.
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.
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!