30 dias de CSS3, é um desafio proposto por Milena Carecho, que visa melhorar as habilidades de codificação fazendo mini projetos diários utilizando HTML5 e CSS3.
- Período do desafio
- Regras gerais
- Regras para mim
- Participe
- Desafios
- 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 - Pêndulo 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 - Desafio 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 - Ícones com efeito
- Dia 23 - Botão com efeito
- 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
De: 21-06-2021 á 21-07-2021
01 - 02 - 03 - 04 - 05 - 06 - 07 - 08 - 09 - 10
11 - 12 - 13 - 14 - 15 - 16 - 17 - 18 - 19 - 20
21 - 22 - 23 - 24 - 25 - 26 - 27 - 28 - 29 - 30
Dia 01 - Ícone de mídia social em camadasDia 02 - Loader animadoDia 03 - Mudança de cor de texto quando entra em outra divDia 04 - Botão com efeitoDia 05 - Efeito pulsarDia 06 - Efeito lightning textDia 07 - Preloader animadoDia 08 - Coração batendoDia 09 - Pêndulo de NewtonDia 10 - Animação texto alternandoDia 11 - Botão com efeito hoverDia 12 - Efeito de preenchimento ao passar o mouseDia 13 - Loading com efeitoDia 14 - Fundo de texto animadoDia 15 - Texto flutuanteDia 16 - Botão com efeitoDia 17 - Loader animadoDia 18 - Texto esfumaçadoDia 19 - Efeitos de animação de fundo de partículasDia 20 - Botão com efeitoDia 21 - Esferas quicandoDia 22 - Ícones com efeitoDia 23 - Botão com efeito hoverDia 24 - Preloader animadoDia 25 - Checkbox animadoDia 26 - Loading com efeitoDia 27 - Efeito pulsarDia 28 - Cor do background mudandoDia 29 - Menu responsivo com Media QueriesDia 30 - Fogos de artificio
- Realizar um projeto por dia
- Compartilhar o progresso nas mídia sociais (Twitter, Facebook, Linkedin etc...), utilizando a hashtag #30DiasDeCSS
- O desafio diário deverá ser concluído até 23:59
Eu criei algumas regras para mim, que não quero impor a ninguém, mas fique a vontade para fazer o mesmo, se quiser!
- Praticar exercício físico antes de começar um desafio.
Gostou da ideia ? participe!