Desafio 30 dias de CSS

Objetivo

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

Regras gerais

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

Tecnologias usadas

CSS
HTML

Desafios

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;

Autora