Challenge CodePen # 2 Formați un formular de înscriere

Este timpul pentru o altă provocare CodePen! De data aceasta vreau să ne arătați ce puteți face unui formular de înscriere; tipul pe care îl puteți utiliza cu o listă de corespondență MailChimp sau Monitor de campanie. Asta e tot. Cele mai bune exemple vor fi prezentate într-o săptămână sau cam asa ceva!

Provocarea

Vrem ca acest formular să arate uimitor. E o formă element care împachetează a eticheta, un e-mail și a a depune buton (de asemenea, o intrare) - tipic de tipul de formă pe care ați încorporat-o pe site-ul dvs. Web pentru a colecta abonații pentru o listă de corespondență. Faceți tot ce doriți: modificați aspectul, perfecționați tipografia, adăugați animație, faceți-l roz, atâta timp cât ceea ce faceți se întâmplă în cadrul domeniului CSS.

Peste voi

Iată ce trebuie să faceți, în câțiva pași simpli.

Pasul 1

În primul rând, mergeți la demonstrația de pe CodePen. Asa arata:

Pasul 2

Loveste Furculiţă pentru a crea o copie proprie a acesteia, apoi efectuați cât mai multe modificări pe care doriți să le faceți la CSS.

Pasul 3 (opțional)

Dacă sunteți conectat (ă) la CodePen puteți edita descrierea apăsând pe Info buton. Utilizați acest lucru pentru a da oamenilor o idee despre ceea ce ați făcut.

Pasul 4

Lovit Salvați, ați terminat. Asigurați-vă că ne-ați informat în comentarii când ați terminat - și nu ezitați să ne anunțați prin tweeting-ul nostru @wdtuts, de asemenea.

Asta e! Toate intrările vor fi adăugate la această colecție pe CodePen și cele mai bune exemple vor fi prezentate pe Tuts + într-o săptămână sau cam asa ceva!

Noroc și nu uitați să urmați Tuts + pe Codepen!