Share
Tid for en annen CodePen utfordring! Med Halloween like rundt hjørnet, vil vi at du skal bli kreativ med noen spooky SVG. Du har tre tegn å velge mellom. De beste eksemplene vil bli presentert i slutten av oktober!
Vel, jeg antar at du aldri kan fortelle - denne CodePen Challenge tok ikke inn nesten like mange oppføringer som jeg hadde trodd (9, sammenlignet med 153 fra den forrige utfordringen!) Men som en takk til alle de som tok del, her er alle ni oppføringer!
Vi vil at du skal vise frem dine SVG-ferdigheter. Du kan bruke CSS, selv JavaScript, men du er ikke tillatt å røre SVG-oppslaget selv! SVGene har bevisst blitt holdt relativt enkle. Hver enkelt er bygget fra bare noen få stier, streker og former. Elementene i SVG har alle et unikt id, som du også ser i CSS, sammen med noen få stiler. Du kan endre fargene, legge til animasjon, effekter, hva du vil!
Her er hva du trenger å gjøre, i noen døde enkle trinn.
For det første, velg en av de tre demoene på CodePen:
Slå den Gaffel knappen for å lage din egen kopi av det, så gjør så mange endringer som du vil ha CSS og JavaScript.
Hvis du er logget på CodePen, kan du redigere beskrivelsen ved å trykke på innstillinger 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 + 31. oktober!
Lykke til og ikke glem å følge Tuts + på Codepen!
Accentsconagua