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.
- 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.
- 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
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!