Cogumelo do Super Mario em CSS

Eu não consigo ficar em paz comigo mesmo enquanto não botar as minhas ideis fora da cabeça. Meus projetos atuais envolvem aprender PHP (uma linguagem de programação indispensavel pra quem quer fazer projetos web), aprender javascript, banco de dados e python… ops, não vim aqui falar disso. O que me motivou a escrever hoje foi o cogumelo do Super Mario.

Estou super feliz com o resultado que obtive usando apenas HTML e CSS pra criar um desenho bem simples do clássico cogumelo do jogo do Super Mario. O mais interessante é o poder do efeito cascata do CSS. Modificando apenas o código da cor, pude mudar a cor do desenho. Mas só mostrar o cogumelo aqui pra vocês ia ser sem graça, afinal, se parece com uma foto. Então usei um pouco de PHP pra vocês mudarem a cor do desenho e sentir a mágica acontecendo.

Pra você pode até não ser lá essas coisas. Mas foi algo bem trabalhoso, fazer esse desenho só usando palavras (códigos) e ainda criar algo interativo pra alguem sentir um pouco da emoção que senti. A técnica do desenho é bem simples: criar blocos, alinhar e depois pintar. Esse processo me lembrou bastante aqueles bordados em pano (ponto cruz).

Escolha uma cor e depois clique no botão “mudar cor”


Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *