Melhorar as habilidades de codificação fazendo mini-projetos diários utilizando HTML5 e CSS3. Estarei fazendo o máximo para cumprir os 30 dias corridos! Gostou da ideia? Clique aqui para participar
E toda a descrição dos desafios, bem como as dicas de materiais de estudo, você encontra no repositório da MilenaCarecho
- Realizar um projeto por dia
- Compartilhar nas mídias sociais usando a hashtag #30diasDeCSS
- O projeto deve ser concluído até 23:59 de cada dia
- CSS
- HTML
Para cada desafio, eu fiz um mini-tutorial, com base nos meus estudos para entender a construção dos elementos.
- Dia 01 - Ícone de mídia social em camadas;
- Dia 02 - Loader animado;
- Dia 03 - Mudança de cor quando o texto entra em outra div;
- Dia 04 - Botão com efeito;
- Dia 05 - Efeito Pulsar;
- Dia 06 - Efeito Lightning Text;
- Dia 07 - Preloader Animado;
- Dia 08 - Coração Batendo;
- Dia 09 - Pêndulo de Newton;
- Dia 10 - Animação de texto alternando;
- Dia 11- Botão com Efeito Hover;
- Dia 12- Efeito de Preenchimento ao Passar o Mouse;
- Dia 13 - Loading com Efeito;
- Dia 14 - Fundo de Texto Animado;
- Dia 15 - Texto Flutuante;
- Dia 16 - Botão com Efeito;
- Dia 17 - Loader Animado #2;
- Dia 18 - Texto Esfumaçado;
- Dia 19 - Fundo de Partículas;
- Dia 20 - Album de fotos usando Flex e Hover;
- Dia 21 - Esferas Quicando;
- Dia 22 - Ícones com Efeito;
- Dia 23 - Texto com efeito de máquina de escrever;
- Dia 24 - Loader Animado #3;
- Dia 25 - Checkbox Animado;
- Dia 26 - Fantasminha;
- Dia 27 - Chamada Celular;
- Dia 28 - Cor do Background Mudando;
- Dia 29 - Menu Responsivo com Media Queries;
- Dia 30 - Fogos de Artifício;
| Foto | Nome | GitHub | Likedin | |
|---|---|---|---|---|
 |
Liz Vidotti | Liz Vidotti | [email protected] |