CodePen Challenge # 5 Spooky Halloween SVG Characters

Il est temps pour un autre défi CodePen! Avec Halloween juste au coin de la rue, nous aimerions que vous soyez créatif avec des SVG effrayants. Vous avez le choix entre trois personnages. Les meilleurs exemples seront présentés à la fin du mois d'octobre.!

Mise à jour: résultats!

Eh bien, je suppose que vous ne pouvez jamais le dire, ce CodePen Challenge n’a pas attiré autant d’entrées que je le pensais (9, par rapport au 153 du précédent défi!). Mais pour remercier tous ceux qui ont pris partie, voici les neuf entrées!

Le défi

Nous voulons que vous montriez vos compétences en SVG. Vous pouvez utiliser CSS, même JavaScript, mais vous êtes interdit toucher le balisage SVG lui-même! Les SVG ont été délibérément maintenus relativement simples. Chacun est construit à partir de quelques chemins, traits et formes. Les éléments du SVG ont tous un identifiant unique, que vous verrez également dans le CSS, avec quelques styles. Vous pouvez modifier les couleurs, ajouter une animation, des effets, tout ce que vous voulez!

À vous

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

Étape 1

Tout d'abord, choisissez l'une des trois démos sur CodePen:

Étape 2

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

Étape 3 (facultatif)

Si vous êtes connecté à CodePen, vous pouvez modifier la description en appuyant sur le bouton Réglages 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 + le 31 octobre.!

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