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

Foto	Nome	GitHub	Likedin	E-mail
	Liz Vidotti	Liz Vidotti	Linkedin	liz.vidotti@gmail.com