Alpaca (Alpacasso) em Html/Css

Já dividi com vocês meu gosto por alpacas de pelúcia quando postei sobre Alpacasso né? Pois é, então imagina a felicidade quando encontrei os códigos para 'desenhar' uma usando apenas css e html!!!!
A designer Linda(@yolichan) conseguiu fazer isso e compartilhou no Codepen sua alpaca codificada e até simples de entender.
Para usar aqui no Blogger em um gadget Html/JavaScript, como vocês podem ver ali na sidebar, tive que mudar algumas coisinhas e ficou assim:









Se quiser uma alpaca para você, copie e cole o código deste link onde quiser que ela apareça.
Para mudar as cores, basta trocar onde estiver escrito mistyrose (rosa), white, lightblue, blue... por cores de sua preferência (veja o nome de algumas cores aqui); onde houver margin-bottom/left servem para posicionar a alpaca onde a inserir, top e left também posicionam quanto ao topo e distância da esquerda, width e height definem largura e altura, background é para adicionar plano de fundo se preferir; as áreas que compõem a alpaca são head-cabeça, ear-orelha, eye-olho, mouth-boca, pupil-pupila, foot-pé, nose-nariz... só ir editando até que fique ao seu gosto. Eu só mudei a cor dos olhos e os pés sumiram, não sei porquê, mas achei mais kawaii ainda! Alpacas ficam lindas em qualquer lugar!
Imagem: we❤it






Postar um comentário

0 Comentários

up