Share
Tijd voor nog een CodePen-uitdaging! Met Halloween net om de hoek willen we dat u creatief wordt met een beetje spookachtige SVG. Je hebt drie personages waaruit je kunt kiezen - de beste voorbeelden worden eind oktober tentoongesteld!
Nou, ik denk dat je het nooit kunt vertellen - deze CodePen-uitdaging trok niet in zoveel mogelijk inzendingen als ik had gedacht (9, vergeleken met de 153 van de vorige uitdaging!) Maar als dank aan allen die wel hebben gedaan deel, hier zijn alle negen inzendingen!
We willen dat je pronkt met je SVG-vaardigheden. Je kunt CSS gebruiken, zelfs JavaScript, maar dat ben je wel niet toegestaan om de SVG-markup zelf aan te raken! De SVG's zijn bewust relatief eenvoudig gehouden. Elke kamer is opgebouwd uit slechts een paar paden, lijnen en vormen. De elementen binnen de SVG hebben allemaal een unieke id, die je ook in de CSS ziet, samen met een paar stijlen. U kunt de kleuren wijzigen, animaties toevoegen, effecten, wat u maar wilt!
Dit is wat je moet doen, in een paar doodeenvoudige stappen.
Kies eerst een van de drie demo's op CodePen:
Druk op de Vork om uw eigen kopie ervan te maken en vervolgens zo veel wijzigingen aan te brengen als u wilt voor de CSS en de JavaScript.
Als u bent aangemeld bij CodePen, kunt u de beschrijving bewerken door op de instellingen knop. Gebruik dit om mensen een idee te geven van wat je hebt gedaan.
Raken Opslaan, u bent klaar. Laat het ons weten in de comments als je klaar bent - en laat het ons gerust weten door ons ook twewdt tweeting.
Dat is het! Alle inzendingen zullen aan CodePen worden toegevoegd en de beste voorbeelden zullen op 31 oktober te zien zijn op Tuts +!
Veel succes en vergeet niet om Tuts + op Codepen te volgen!
Accentsconagua