🚀 30diasDeCSS 🚀
Fala Devs, beleza? 🖖
30 dias de CSS3, é um desafio que visa ajudá-lo a melhorar suas habilidades de codificação fazendo mini projetos diarios utilizando HTML5 e CSS3
Objetivo
30 dias de CSS3 é um desafio que vou aceitar (e você também pode participar) a partir de 20 de Julho de 2020, que visa melhorar minhas habilidades em HTML5 e CSS3 através da realização de projetos
Se você chegou agora e quer começar o desafio, fique a vontade, o desafio não tem data de inicio fixa, cada um faz os seus 30 dias, eu ficarei honrada com sua participação 😉
Regras gerais
- Realizar um projeto por dia
- Compartilhe seu progresso nas mídias sociais (Twitter, Facebook, Linkedin etc.) usando a hashtag #30diasDeCSS
- O projeto deve ser concluído até 23:59
Regras pra mim
Eu criei algumas regras para mim que não quero impor a ninguém, mas fique à vontade para fazer o mesmo, se quiser!
- Se eu não concluir o projeto do dia, as 5 primeiras pessoas a apontar no Twitter @MilenaCarecho receberão R$5 via PicPay (total de R$25). Adicionando um pouco de motivação para mim! 😉 (Antes de solicitar qualquer coisa, verifique primeiro a hora no meu fuso horário - para mim, o fuso horário é Brasília - DF (GMT-3)) 💸
- Vou criar um artigo tutorial no medium para todos os projetos
Gostou da ideia?
Clique aqui para participar
Youtube Referencias dos desafios
Online Tutorials -
Creative Creations -
DarkCode
Desafio dia 01 - Ícone de mídia social em camadas
Meu codigo
[Tutorial Medium]() Ainda não disponivel
Post LinkedIn
O que eu aprendi
Desafio dia 02 - Loader animado
Meu código
[Tutorial Medium]() Ainda não disponivel
Post LinkedIn
O que eu aprendi
Desafio dia 03 - Mudança de cor de texto quando entra em outra div
Meu código
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
Dicas
Desafio dia 04 - Botão com efeito
Meu codigo
[Tutorial Medium]() Ainda não disponivel
Post LinkedIn
O que eu aprendi
Desafio dia 05 - Efeito pulsar
Meu codigo
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi
Desafio dia 06 - Efeito lightning text
Meu codigo
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi
Desafio dia 07 - Preloader animado
Meu codigo
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi
Desafio dia 08 - Coração batendo
Meu codigo
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi
Desafio dia 09 - Pendulo de Newton
Meu codigo
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi
Desafio dia 10 - Animação texto alternando
Meu codigo
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi
Desafio dia 11 - Botão com efeito hover
Meu codigo
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi
Desafio dia 12 - Efeito de preenchimento ao passar o mouse
Meu codigo
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi
Desafio dia 13 - Loading com efeito
Meu codigo
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi
Desafio dia 14 - Fundo de texto animado
Meu codigo
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi
Desafio dia 15 - Texto flutuante
Meu codigo
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi
Desafio dia 16 - Botão com efeito
Meu codigo
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi
Desafio dia 17 - Loader animado
Meu código
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi
Desafio dia 18 - Texto esfumaçado
Meu código
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi
Desafio dia 19 - Efeitos de animação fundo de partículas
Meu código
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi
Desafio dia 20 - Botão com efeito
Meu código
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi
Desafio dia 21 - Esferas quicando
Meu codigo
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi
Desafio dia 22 - Icones com efeito
Meu codigo
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi
Desafio dia 23 - Botão com efeito
Meu codigo
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi
Desafio dia 24 - Preloader animado
Meu codigo
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi
Desafio dia 25 - checkbox animado
Meu codigo
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi
Desafio dia 26 - Loading com efeito
Meu codigo
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi
Desafio dia 27 - Efeito pulsar
Meu codigo
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi
Desafio dia 28 - cor do background mudando
Meu codigo
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi
Desafio dia 29 - Menu responsivo com Media Queries
Meu codigo
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi
Desafio dia 30 - Fogos de artificio
Meu codigo
[Tutorial Medium]() Ainda não disponivel
[Post LinkedIn]()
O que eu aprendi