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
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 😉
- 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
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
Online Tutorials - Creative Creations - DarkCode
- 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 - Efeito pulsar
- Dia 06 - Efeito lightning text
- Dia 07 - Preloader animado
- Dia 08 - Coração batendo
- Dia 09 - Pendulo de Newton
- Dia 10 - Animação 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
- Dia 18 - Texto esfumaçado
- Dia 19 - Efeitos de animação de fundo de partículas
- Dia 20 - Botão com efeito
- Dia 21 - Esferas quicando
- Dia 22 - Icones com efeito
- Dia 23 - Botão com efeito hover
- Dia 24 - Preloader animado
- Dia 25 - Checkbox animado
- Dia 26 - Loading com efeito
- Dia 27 - Efeito pulsar
- Dia 28 - Cor do background mudando
- Dia 29 - Menu responsivo com Media Queries
- Dia 30 - Fogos de artificio
Tutorial Medium Ainda não disponivel
- Criar as camadas utilizando a tag
<span> - tranformação 2D ou 3D de um elemento aqui
- Transições CSS
- Opacidade / transparência do CSS
- hover
- nth-child ()
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel