🚀 30 Days of CSS 🚀
💻 Sobre o desafio
Salve Devs.
O desafio 30 dias de CSS consiste em criar mini projetos durante 30 dias com HTML5 e CSS3 visando melhorar a habilidade de codificação.
Este desafio foi inspirado por diversos desenvolvedores em minha rede de contatos.
📑 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;
- Regra pessoal para boa conduta: Caso não seja realizado o projeto de algum dia, no dia seguinte deverá ser somado mais um.
🔖 Índice
- Dia 01 - Animated Menu
- Dia 02 - Animated Writing
- Dia 03 - Lighting Effect
- Dia 04 - Animated Cards
- Dia 05 - Loading Balls
- Dia 06 - Button Neon Light
- Dia 07 - Balance Loading
- Dia 08 - Page Scrolling Effect
- Dia 09 - Button Night Mode
- Dia 10 - Flip Card 3D Animation
- Dia 11 - Card Glassmorphism Effect
- Dia 12 - Glassmorphism Icons Effect
- Dia 13 - Pre-Loader Animation
- Dia 14 - Typewriter Animation
- Dia 15 - Animated Hamburger Menu
- Dia 16 - Animated Toggle Button
- Dia 17 - Pre-Loader Animation
- Dia 18 - Parallax Card Effect
- Dia 19 - Animated Text Hover
- Dia 20 - Animated Text
- Dia 21 - Animated Menu Hover 3D
- Dia 22 - Particles Animation
- Dia 23 - Loading Screen Animation
- Dia 24 - Animated Checkbox
- Dia 25 - Square Loading Animation
- Dia 26 - Coffee Animation
- Dia 27 - Loading Circles Animation
- Dia 28 - Loading Animation
- Dia 29 - Responsive Glassmorphism Card Hover Effects
- Dia 30 - 3D Cubes Animation
🏆 Resultados
Desafio dia 01 - Animated Menu
O que aprendi:
Desafio dia 02 - Animated Writing
O que aprendi:
Desafio dia 03 - Lighting Effect
O que aprendi:
Desafio dia 04 - Animated Cards
O que aprendi:
Desafio dia 05 - Loading balls
O que aprendi:
Desafio dia 06 - Button Neon Light
O que aprendi:
Desafio dia 07 - Balance Loading
Desafio dia 08 - Page Scrolling Effect
O que aprendi:
Desafio dia 09 - Button Night Mode
O que aprendi:
Desafio dia 10 - Flip Card 3D Animation
O que aprendi:
Desafio dia 11 - Card Glassmorphism Effect
O que aprendi:
Desafio dia 12 - Card Glassmorphism Effect
O que aprendi:
Desafio dia 13 - Pre-Loader Animation
Desafio dia 14 - Typewiter Animation
O que aprendi:
Desafio dia 15 - Animated Hamburger Menu
O que aprendi:
Desafio dia 16 - Animated Toggle Button
Desafio dia 17 - Pre-Loader Animation
Desafio dia 18 - Parallax Card Effect
O que aprendi:
Desafio dia 19 - Animated Text Hover
O que aprendi:
Desafio dia 20 - Animated Text
O que aprendi:
Desafio dia 21 - Animated Menu Hover 3D
O que aprendi:
Desafio dia 22 - Particles Animation
O que aprendi:
Desafio dia 23 - Loading Screen Animation
O que aprendi:
Desafio dia 24 - Animated Checkbox
O que aprendi:
Desafio dia 25 - Square Loading Animation
Desafio dia 26 - Coffee Animation
Desafio dia 27 - Loading Circles Animation
Desafio dia 28 - Loading Animation
Desafio dia 29 - Responsive Glassmorphism Card Hover Effects
O que aprendi:
Desafio dia 30 - 3D Cubes Animation
O que aprendi:
Se curtiu a ideia, participe também!
Dou os devidos créditos em muitos exemplos de projetos e tutoriais pelo:
Demais Youtubers que contribuem com dicas de CSS e tutoriais!