Códigos criativos em HTML, CSS e Javascript com tema de Halloween

“O céu é o limite quando se fala em construções criativas com CSS e Javascript”, assim dizia o meu primeiro chefe quando me contratou e me aconselhou a estudar muito essas linguagens.

Vou deixar aqui algumas coleções no codepen.io muito criativas construídas puramente com HTML, CSS e JS.

Halloween Animation in Pure CSS

Começamos pela animação Halloween Animation in Pure CSS e Rachel Best feito com HTML e CSS. Para escrever o HTML foi utilizado Haml, um sistema de templates que deixa o HTML mais limpo. Fora isso de interessante é a criatividade na construção.

Pumpkins – Jack O’Lantern – Light Garland – Pure CSS

Esse varal de abóboras feito por Marie C. também utiliza apenas HTML e CSS. Veja a diferença da animação anterior como o código ficou mais poluído utilizando o HTML puro.

Divtober’22 #8: haunted

Uma casa no alto de uma montanha parece com uma contraste simples de cores e ainda tem um fantasminha tímido andando pela casa. Feito por Alvaro Montoro em HTML e CSS.

Happy Halloween

Para os entusiastas do PacMan, Mike Dixon foi muito criativo nessa onde o “come-come” se fantasia de fantasma. Feito também com HTML e CSS.

Witch’s Brew

Pra variar um pouco agora, com um javascript mais pesado (mas nem tanto), Mai El-Awini explorou HTML (com svg), CSS e Javascript para gerar essa animação interessante de um caldeirão.