Share
Det er på tide for en annen CodePen Challenge! Denne gangen vil jeg at du skal vise oss hva du kan gjøre med et registreringsskjema; den typen du kan bruke med en MailChimp- eller Campaign Monitor-postliste. Det er alt. De beste eksemplene vil bli vist i en uke eller så!
Vi vil at du skal gjøre dette skjemaet fantastisk. Det er en skjema element som bryter a merkelapp, en e-post inngang og a sende inn knapp (også en inngang) -typisk av typen form du vil legge inn på nettstedet ditt for å samle abonnenter for en adresseliste. Gjør alt du vil: Endre oppsettet, forbedre typografi, legg til animasjon, gjør det rosa, så lenge alt du gjør skjer innenfor rike på CSS-fanen.
Her er hva du trenger å gjøre, i noen døde enkle trinn.
For det første, gå videre til demoen på CodePen. Slik ser det ut:
Slå den Gaffel knappen for å lage din egen kopi av det, så gjør så mange endringer som du vil ha CSS.
Hvis du er logget på CodePen, kan du redigere beskrivelsen ved å trykke på info knapp. Bruk dette til å gi folk en ide om hva du har gjort.
Truffet Lagre, du er ferdig. Sørg for å gi oss beskjed i kommentarene når du er ferdig, og gjerne gi oss beskjed ved å tweet oss også @ wdtuts.
Det er det! Alle oppføringer blir lagt til i denne samlingen på CodePen og de beste eksemplene vil bli vist på Tuts + i en uke eller så!
Lykke til og ikke glem å følge Tuts + på Codepen!
Accentsconagua