Share
Ora pentru o altă provocare CodePen! Cu Halloween, chiar pe la colț, ne-ar plăcea să deveniți creativi cu unele SVG infricosatoare. Aveți la dispoziție trei personaje - cele mai bune exemple vor fi prezentate la sfârșitul lunii octombrie!
Ei bine, cred ca nu poti sa spui niciodata - aceasta provocare CodePen nu a atras aproape asa de multe intrebari pe care le-am crezut (9, comparativ cu 153 de la provocarea anterioara!) Dar ca multumire tuturor celor care au luat parte, aici sunt toate cele nouă înregistrări!
Vrem să vă arătăm abilitățile SVG. Puteți utiliza CSS, chiar JavaScript, dar sunteți nepermis pentru a atinge marcajul SVG însuși! SVG-urile au fost ținute în mod deliberat relativ simplu. Fiecare este construită din doar câteva căi, accidente și forme. Elementele din cadrul SVG au toate un id unic, pe care îl veți vedea și în CSS, împreună cu câteva stiluri. Puteți modifica culorile, puteți adăuga animații, efecte, orice doriți!
Iată ce trebuie să faceți, în câțiva pași simpli.
Mai întâi, alegeți unul dintre cele trei demonstrații de pe CodePen:
Loveste Furculiţă pentru a crea o copie proprie a acesteia, apoi efectuați cât mai multe modificări pe care le doriți în CSS și JavaScript.
Dacă sunteți conectat (ă) la CodePen puteți edita descrierea apăsând pe Setări buton. Utilizați acest lucru pentru a da oamenilor o idee despre ceea ce ați făcut.
Lovit Salvați, ați terminat. Asigurați-vă că ne-ați informat în comentarii când ați terminat - și nu ezitați să ne anunțați prin tweeting-ul nostru @wdtuts, de asemenea.
Asta e! Toate intrările vor fi adăugate la această colecție pe CodePen, iar cele mai bune exemple vor fi prezentate pe Tuts + pe 31 octombrie!
Noroc și nu uitați să urmați Tuts + pe Codepen!
Accentsconagua