30DiasDeCSS
30DiasDeCSS copied to clipboard
Luuan11
📊 Repositório dedicado a 30 dias de CSS
30 Dias De CSS
📜 Sobre
30 dias de CSS, um desafio com o objetivo de melhorar ou aprender novos estilos, lembrando que todos são mini projetos diários, sempre mantendo a sequência de todo dia fazer um mini projeto.
Se você também deseja realizar o desafio, fique a vontade, não há data certa, basta somente que faça os seus 30 dias.
📰 Referências
Diversas pessoas criaram desafios como esses em diversas linguagens. Você pode também pesquisa por outros repositórios no próprio github. no meu caso utilizei o repositório da @MilenaCarecho tanto que foi a pessoa que me motivou a fazer o desafio.
Canais de Youtube como Referencias
Online Tutorials - Creative Creations - DarkCode
📰 Dica
Caso vá dá inicio ao desafio também, cuidado com arquivos com letras maiúsculas, pois o Github pode desorganizar seus arquivos, que foi o que houve comigo.
Desafios
- Dia 01 - Efeito lightning text
- Dia 02 - Efeito Carregando
- Dia 03 - Fantasma
- Dia 04 - Botões
- Dia 05 - Redes Sociais
- Dia 06 - Mudança de Cor
- Dia 07 - Alterando Texto
- Dia 08 - Água
- Dia 09 - Botão com Efeito
- Dia 10 - Fundo Animado
- Dia 11 - Texto com Efeito
- Dia 12 - Texto com Efeito (Sem animação)
- Dia 13 - Checkbox com efeito
- Dia 14 - Tab Menu
- Dia 15 - Card Box
- Dia 16 - Efeito Pulse
- Dia 17 - Botões animados
- Dia 18 - Menu Card
- Dia 19 - Barra de Progresso
- Dia 20 - Fundo animado
- Dia 21 - Efeito Preenchimento
- Dia 22 - Gradiente em imagem
- Dia 23 - Shadow Gradient
- Dia 24 - Botão Off/On
- Dia 25 - Magikarp
- Dia 26 - Card de produto
- Dia 27 - Lápis
- Dia 28 - Ondas
- Dia 29 - Escudo Capitão América
- Dia 30 - Coração
Desafio 01 - Efeito Lightning text
Desafio 02 - Efeito Carregando
Desafio 03 - Fantasma
Desafio 04 - Botões
Desafio 05 - Redes Sociais
Desafio 06 - Mudança de Cor
Desafio 07 - Alterando Texto
Desafio 08 - Água
Desafio 09 - Botão com efeito
Desafio 10 - Fundo Animado
Desafio 11 - Texto com Efeito
Desafio 12 - Texto com Efeito (Sem animação)
Desafio 13 - Checkbox com efeito
Desafio 14 - Tab Menu
Desafio 15 - Card Box
Desafio 16 - Efeito pulse
Desafio 17 - Botões animados
Desafio 18 - Menu Card
Desafio 19 - Barra de Progresso
Desafio 20 - Fundo animado
Desafio 21 - Efeito Preenchimento
Desafio 22 - Gradiente em imagem
Desafio 23 - Shadow Gradient
Desafio 24 - Botão On/Off
Desafio 25 - Magikarp
Desafio 26 - Card de produto
Desafio 27 - Lápis
Desafio 28 - Ondas
Desafio 29 - Escudo Capitão América
Desafio 30 - Coração 30 Dias
Finalização
Obrigado pela atenção e tenha um bom desafio 🎉
Tecnologias Usadas
feito com ❤️ by Luan Fernando.
Luuan11