O #30diasDeCSS é um desafio que tem como objetivo por em prática habilidades de codificação com a criação de mini projetos diários utilizando HTML5 e CSS3.
Gostou da ideia? Clique aqui para participar!
- Dia 01 - Ícone de mídia social em camadas
- Dia 02 - Loader animado
- Dia 03 - Scrolling Text com mudança de cor
- Dia 04 - Botão com efeito na borda
- Dia 05 - Efeito Pulsar
- Dia 06 - Texto animado com iluminação
- Dia 07 - Loading animado II
- Dia 08 - Coração animado
- Dia 09 - Pêndulo de Newton
- Dia 10 - Texto animado com mudança de emoji
- Dia 11 - Botão com efeito hover
- Dia 12 - Efeito de preenchimento com hover
- Dia 13 - Texto com efeito flutuante
- Dia 14 - Texto com fundo animado
- Dia 15 - Texto flutuante com sombra
- Dia 16 - Botão com efeito hover
- Dia 17 - Loader
- Dia 18 - Texto animado (fading)
- Dia 19 - Animação (luzes flutuantes)
- Dia 20 - Botão com efeito
- Dia 21 - Animação (bolas)
- Dia 22 - Ícones
- Dia 23 - Botão com efeito hover animado
- Dia 24 - Loader animado (quadrados)
- Dia 25 - Checkbox
- Dia 26 - Animação (rampa)
- Dia 27 - Loading (efeito pulsar)
- Dia 28 - Mudança de Cor no BG
- Dia 29 - Menu Responsivo
- Dia 30 - Fogos de artifício
As seguintes ferramentas foram usadas na construção do projeto:
- HTML
- CSS
Desafio dia 01 - Ícone de mídia social em camadas
Desafio dia 02 - Loader animado
Desafio dia 03 - Scrolling Text com mudança de cor
Desafio dia 04 - Botão com efeito na borda
Desafio dia 05 - Efeito Pulsar
Desafio dia 06 - Texto animado com iluminação
Desafio dia 07 - Loading animado II
Desafio dia 08 - Coração animado
Desafio dia 09 - Pêndulo de Newton
Desafio dia 10 - Texto animado com mudança de emoji
Desafio dia 11 - Botão com efeito hover
Desafio dia 12 - Efeito de preenchimento com hover
Desafio dia 13 - Texto com efeito flutuante
Desafio dia 14 - Texto com fundo animado
Desafio dia 15 - Texto flutuante com sombra
Desafio dia 16 - Botão com efeito hover
Desafio dia 18 - Texto animado
Desafio dia 19 - Animação (luzes flutuantes)
Desafio dia 20 - Botão com efeito
Desafio dia 21 - Animação (bolas)
Desafio dia 23 - Botão com efeito hover
Desafio dia 24 - Loader animado (quadrados)
Desafio dia 25 - Checkbox iluminada
Desafio dia 26 - Animação (rampa)
Desafio dia 27 - Loading (efeito pulsar)
Desafio dia 28 - Mudança de cor de fundo
Desafio dia 29 - Menu responsivo
Desafio dia 30 - Fogos de artifício
