Cada temporada tem uma vibração distinta. As pessoas os celebram usando cores sazonais e deliciando com sabores tradicionais. O outono parece ter assumido como uma época favorita do ano para muitos. Spice de abóbora, alguém?

Sim, a temporada de outono está sendo comemorada como nunca antes – e por boas razões. É quando abraçamos clima mais frio, folhas coloridas e suéteres feios. Também estamos nos preparando para as próximas férias.

Naturalmente, os desenvolvedores da Web querem se divertir. Eles estão criando homenagens para a temporada que também exibem suas habilidades. Eles combinam o mais recente em CSS e JavaScript com instantâneos divertidos da vida de outono.

Tudo nos convenceu a coletar alguns dos melhores efeitos inspirados no outono para o seu prazer. A criatividade deles o manterá mais aconchegante que um cobertor e uma xícara quente de cidra.

Labirinto de milho virtual de outono

Criado por Kit Jenson

Nada grita “outono” como se perder em um labirinto de milho. Este labirinto virtual desafia você a orientar sua abóbora à segurança. O jogo tem uma aparência retrô divertida e é alimentada por JavaScript. É também uma experiência mais confortável para aqueles de nós que são claustrofóbicos.

Veja a caneta Ofim de milho de outono Por Kit Jenson (@kitjenson)
sobre Codepen.

Pré -carregador de outono de outono

Criado por Nicolas

Este trecho é uma prova de que o carregamento de gráficos não precisa ser chato. Você pode adicionar sabor sazonal como esta animação de folhas. Observe enquanto a animação CSS as espiral deixa em um buraco negro virtual.

Veja a caneta Pré -carregador de outono de outono por Nicola

Animação hexagonal de folhas de outono

Criado por Quilip Warkentientie II

Que tal algo um pouco mais abstrato? Esta apresentação hipnotizante usa formas de hexagon SVG para representar folhas. O esquema de cores do outono é lindo. E é difícil tirar os olhos da animação brilhante.

Veja a caneta Folhas de outono por Philip Waskeendia II

Fantasma espectral assustador e animado

Criado por Filip Zrnzevic

Não podemos esquecer o Halloween! A estação assustadora está bem representada por esta apresentação fantasma brilhante. Mova seu cursor e observe enquanto o espírito o segue. Webgl e Three.js são as forças por trás da animação – não mágica.

Veja a caneta (webgl/trêsjs) ❍ fantasma espectral assustadora por Filip Zrnzevic

Clima de suéter outonal

Criado por McCambley

O clima frio é uma desculpa perfeita para desenterrar aqueles suéteres velhos. Você sabe, aqueles com padrões selvagens e tecido arranhado. Ou você pode desfrutar dessa peça de roupa construída com CSS. Os diamantes iluminados são um toque agradável.

Veja a caneta Clima de suéter por McCambley

Latinho de especiarias de abóbora CSS único

Criado por Greg Robleto

O tempero de abóbora se tornou um fenômeno. As cafeterias bombeam lattes antes que a primeira folha atinja o chão – e as pessoas não conseguem o suficiente. O sabor da temporada é recriado aqui com um único DIV elemento. Os gradientes CSS são usados ​​para criar os vários efeitos de sombreamento.

Veja a caneta Pumpkin Spice Latte – Div CSS Single Art (Divtober 2023: Dia 1: Fall) Por Greg Robleto

SHADER DE AUTONO DE AUTON

Criado por Ceramicsoda

Raking Folhas é talvez o ritual menos popular do outono. Observá -los cair, por outro lado, é muito divertido. Aqui, você pode sacudir uma árvore virtual e fazer a folhagem amarela e laranja voar. A melhor parte? Sem limpeza!

Veja a caneta SHADER DE AUTONO DE AUTON por Ceramicsoda

Snickers Bar Pure CSS

Criado por Zerde Turdybek

Tecnicamente, você pode comer uma barra de Snickers em qualquer época do ano. Mas há algo de especial em receber um quando doces ou travessuras. Você quase pode sentir o cheiro do chocolate e do amendoim que emanam desta barra de chocolate CSS.

Veja a caneta Snickers em Zerde Turdybek

As cores, sabores e código de outono

Os desenvolvedores da Web estão sempre procurando um motivo para criar algo divertido. As cores e os sabores do outono oferecem muita inspiração. Os trechos acima nos permitem explorar a estação e aprimorar nossas habilidades.

Esperamos que você tenha gostado desta nova colheita de código com tema de outono em toda a sua glória! Por favor, verifique nosso Coleção Codepen Para ainda mais exemplos.