CodePen Challenge # 2 Créez un formulaire d'inscription

Il est temps pour un autre défi CodePen! Cette fois, je veux que vous nous montriez ce que vous pouvez faire avec un formulaire d’inscription; du genre que vous pourriez utiliser avec une liste de diffusion MailChimp ou Campaign Monitor. C'est tout. Les meilleurs exemples seront présentés dans une semaine environ!

Le défi

Nous voulons que vous rendiez ce formulaire incroyable. C'est un forme élément qui enveloppe un étiquette, un email entrée et un soumettre bouton (également une entrée) -typique du type de formulaire que vous souhaitez intégrer sur votre site Web pour collecter les abonnés d'une liste de diffusion. Faites ce que vous voulez: changez la mise en page, affinez la typographie, ajoutez une animation, rendez-la rose, à condition que quoi que vous fassiez se passe dans les domaines de l'onglet CSS.

À vous

Voici ce que vous devez faire, en quelques étapes simples et faciles.

Étape 1

Tout d’abord, rendez-vous à la démonstration sur CodePen. Voici à quoi ça ressemble:

Étape 2

Frappé le Fourchette bouton pour créer votre propre copie, puis apportez autant de modifications que vous le souhaitez au CSS.

Étape 3 (facultatif)

Si vous êtes connecté à CodePen, vous pouvez modifier la description en appuyant sur le bouton Info bouton. Utilisez ceci pour donner aux gens une idée de ce que vous avez fait.

Étape 4

Frappé sauvegarder, vous avez terminé. Assurez-vous de nous le faire savoir dans les commentaires lorsque vous avez terminé et n'hésitez pas à nous le faire savoir en nous envoyant un tweet @wdtuts..

C'est tout! Toutes les entrées seront ajoutées à cette collection sur CodePen et les meilleurs exemples seront présentés sur Tuts + dans environ une semaine.!

Bonne chance et n'oubliez pas de suivre Tuts + sur Codepen!