Sobre |
Tecnologias Utilizadas |
Regras Gerais |
Sumário |
Desafios
Referências |
Licença
📖 Sobre
CSS (Cascading Style Sheet) é o código usado para estilizar páginas da Web, é a primeira tecnologia que você deve aprender após o HTML. Enquanto o HTML é utilizado para definir a estrutura e semântica do seu conteúdo, o CSS é usado para estilizá-lo e desenhá-lo. Como base entende-se que é importante reproduzir outros projetos para entender seu funcionamento e seguir tutoriais para praticar e aumentar nosso conhecimento e habilidades. Com isso o desafio "30 dias de CSS" tem o intuito de por em prática as habilidades adquiridas e oferecer a oportunidade de aprender novas funcionalidades produzindo mini projetos diários utilizando HTML5 e CSS3.
Conheci o desafio através da @MilenaCarecho. Aceitei o desafio dos 30 dias de CSS3 no dia 04 de outubro de 2020. Curtiu? Para participar Clique Aqui.
🚀 Tecnologias utilizadas
O projeto está desenvolvido utilizando as seguintes tecnologias:
- HTML5
- CSS3
📚 Regras gerais
- Realizar um projeto por dia
- Compartilhar seu progresso nas mídias sociais (Twitter, Facebook, Linkedin etc.) usando a hashtag #30diasDeCSS
- O projeto deve ser concluído até 23:59
📑 Sumário
- Dia 01 - Ícone de mídia social em camadas
- Dia 02 - Loader Animado
- Dia 03 - Mudança de Cor de Texto Quando Entra em Outra Div
- Dia 04 - Botão com Efeito
- Dia 05 - Pulsar
- Dia 06 - Efeito Lightning Texto
- Dia 07 - Preloader Animado
- Dia 08 - Coração Animado
- Dia 09 - Pendulo de Newton
- Dia 10 - Efeito TikTok
- Dia 11 - Barra de Progresso
- Dia 12 - Fantasma
- Dia 13 - Super Mario
- Dia 14 - Texto Animado
- Dia 15 - Loading
- Dia 16 - Borda com Efeito
- Dia 17 - Efeito Holoforte
- Dia 18 - Botão com Efeito
📌 Desafios
✔️ Dia 01 - Ícone de mídia social em camadas.
✔️ Dia 03 - Mudança de Cor de Texto Quando Entra em Outra Div.
✔️ Dia 06 - Efeito Lightning Texto.
✔️ Dia 07 - Preloader Animado.
✔️ Dia 09 - Pendulo de Newton.
✔️ Dia 11 - Barra de Progresso.
✔️ Dia 1 - Background com hover efeito led.
▶️ Referências
📜 Licença
Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.