aguarde...

29 de junho de 2020

8 trechos animados de código CSS e JavaScript que comemoram o verão

Há uma razão pela qual muitos de nós esperamos ansiosamente pelo verão. Proporciona uma oportunidade para sair de casa e se afastar de nossas mesas. Depois, há a chance de passar mais tempo com amigos e familiares. Como se costuma dizer, a aventura está lá fora .

Ainda melhor é que você não precisa das férias tradicionais para sair. O verão pode ser uma explosão no seu quintal ou parque local.

Nesse espírito, trazemos a você uma coleção de trechos de código que trazem um pouco de verão para sua tela. Pode lembrá-lo de dias quentes e preguiçosos – com o telefone desligado , é claro.

Just Ducky CSS

Observar as crianças brincando na piscina é sempre divertido (até que o comportamento deles faça com que você abaixe a bebida do seu guarda-chuva). Esta pura natação de patinho de borracha CSS entre as ondas é um ótimo lembrete de diversão suave.

Uma bebida em um Div

Por falar em bebidas saborosas, confira este saboroso número cítrico. O que torna este item tão especial é o fato de ele usar um único divelemento. Tudo isso em um recipiente – além de um cubo de gelo que flutua lentamente. Doce!

Feira de Verão

Uma das experiências mais mágicas do verão é participar de uma feira. Seja grande ou pequeno, há algo especial em estar lá – especialmente à noite. Essa cena animada mostra uma roda gigante girando ao pôr do sol com balões flutuando. E, clicar na tela adiciona mais balões.

Tempo quente, sons quentes

Se você cresceu no passado , sabe a importância de ter um boombox. Não é tão eficiente quanto um smartphone, mas a eficiência não era o ponto. Você queria tocar essas músicas para que todos soubessem que você havia chegado. Esta recreação fiel oferece animação JavaScript e até toca música (ajuste seus alto-falantes de acordo – é alto). Até o esquema de cores grita retrô.

Viagem

Uma viagem espontânea – eles podem ser muito divertidos. Empilhe a família e os amigos no carro e veja a natureza voar pela sua janela. É exatamente o que essa bela cena imita. Ele utiliza animação GSAP para levá-lo por uma estrada na montanha, à medida que o dia se transforma em noite.

Vá em frente, salte

O que poderia ser mais convidativo do que uma piscina em um dia quente? Este oásis apresenta SVGs animados , completos com água ondulante. Dê uma olhada e a profundidade simulada na imagem é simplesmente incrível.

Uma Floresta Encantadora

Ver a natureza em seu próprio habitat é um dos verdadeiros prazeres do verão. Aqui, temos uma floresta encantadora em um dia ensolarado. Como se isso não bastasse, há um fluxo constante de borboletas flutuando. Quer saber um segredo legal? O sol e a joaninha são emoji .

E se você visitar essa floresta à noite …

Claro, a natureza diurna é divertida. Mas a verdadeira diversão do verão começa quando o sol se põe. É quando os vaga-lumes nos trazem um show de luzes gratuito. A beleza dessa animação de tela HTML5 está no fluxo suave e no fato de não sobrecarregar com efeitos especiais.

O verão sem fim existe – através do código

Esteja você relaxando na piscina ou preso em seu escritório, esperamos que esta coleção de trechos de código de verão tenha trazido um sorriso ao seu rosto. Esperamos que não apenas isso, mas também desperte seu interesse em aprender mais sobre as tecnologias incluídas. CSS e JavaScript podem trazer você de volta ao calor o ano todo. E, sim, eles também são úteis para outras coisas.

Posted in Blog
Write a comment