30 dias de CSS3 é um desafio que visa melhorar minhas habilidades em HTML5 e CSS3 através da realização de projetos diários, realizados no período de trinta dias. O desafio não tem data de inicio fixa, cada um faz os seus 30 dias, da forma que desejar!

  • By Anderson Ramalho
  • Last update: Oct 25, 2022
  • Comments: 0

👨🏼‍💻 30diasDeCSS 🚀

Objetivo

30 dias de CSS3 é um desafio que visa melhorar minhas habilidades em HTML5 e CSS3 através da realização de projetos diários, realizados no período de trinta dias. O desafio não tem data de inicio fixa, cada um faz os seus 30 dias, da forma que desejar! ​ :happy:

Regras gerais

  • Realizar um projeto por dia
  • Compartilhe seu progresso nas mídias sociais (Twitter, Facebook, Linkedin etc.) usando a hashtag #30diasDeCSS
  • O projeto deve ser concluído até 23:59

Gostou da ideia? Clique aqui para participar!

Desafio 01 - Ícones de redes sociais em camadas

Icone de rede sociais em camadas

Desafio 02 - Loading animado

Loading animado

Desafio 03 - Botões com animações

Botões animados

Desafio 04 - Texto flutuante

Texto flutuante

Desafio 05 - Animação de Loading Arco-Íris

Animação arco-íris

Desafio 06 - Botões de Mídia Social com Neomorfismo e Linear Gradient animado

Neomorphism Button

Desafio 07 - Profile Card com Glass Morphism

GlassMorphism Card

Desafio 08 - Botões com animações 2 (Hover Effect)

Buttons

Desafio 09 - Barra de carregamento de Ano Novo (Feliz 2021!)

Happy New Year

Desafio 10 - Animação de Dia Ensolarado

Dia ensolarado

Desafio 11 - Barra de Pesquisa

Search Box

Desafio 12 - Pokemon Card Responsivo com Hover Effect

Pokemon Card

Desafio 13 - Texto animado (Saltitante)

Bouncing Text

Desafio 14 - Loading Animation 2

Loading animation

Desafio 15 - Landing Page com uma única seção introdutória

Huddle

Desafio 16 - Landing Page Huddle, segunda parte

Huddle Part 02

Desafio 17 - Formulário de Login utilizando Glassmorphism

Login form

Desafio 18 - Theme Toggle

Theme Toggle

Desafio 19 - Digimon Card com Hover Effect

Digimon Card

Desafio 20 - Neji Animation Loading

Neji

Desafio 21 - Coffee Cup Loading

Coffee Cup

Desafio 22 - Luminária Interativa

Interactive Lamp

Desafio 23 - Sharingan Loading

Sharingan Loading

Github

https://github.com/anderama/30diasdeCSS