wagner94 / 30DiasCSS

🏅 Desafio 30 dias de CSS, o objetivo é criar um mini projeto utilizando HTML e CSS a cada dia

Desafio 30 dias de CSS

30 dias de CSS é um desafio para melhorar as habilidades com HTML e CSS construindo um mini projeto a cada dia durante 30 dias.

Aceitei o desafio inicialmente proposto pela Milena Carecho

Data de ínicio

📅 Iniciei o desafio no dia 25 de julho de 2020

Regras

• realizar um projeto por dia
• adicionar o código do projeto no GitHub
• compartilhar o seu progresso nas mídias sociais (LinkedIn, Twitter, Facebook...) usando a hashtag #30diasDeCSS
• o projeto deve ser concluído até as 23:59

Referências para os desafios

• Youtube
  • Codingnepal
  • Online Tutorials

Calendário de projetos

dia 01 - Loader Animado (25/07/2020) dia 02 - 3D Comic Book (26/07/2020)

---

Desafio dia 01 - Loader Animado

Meu código

O que aprendi

• CSS Animations

Desafio dia 02 - 3D Comic Book

O que usei neste desafio

Código do desafio

• Perspective
• Transform

Desafio dia 03 - Parallax Effect

Código do desafio

O que usei neste desafio

• position
• JS: eventListener

Desafio dia 04 - Sabre de Luz

Código do desafio

O que usei neste desafio

• ::after
• hover

Desafio dia 05 - Reveal Block

Código do desafio

O que usei neste desafio

• ::after
• positon
• keyframes
• animation

Desafio dia 06 - Letras Iluminadas

Código do desafio

O que usei neste desafio

• animation
• nth-child ()

Desafio dia 07 - Pulse Effect

[Código do desafio][dia 07]

O que usei neste desafio

• animation
• keyframes

Desafio dia 08 - Checkbox

[Código do desafio][dia 08]

O que usei neste desafio

• :after
• transitions
• appearence (resetar o estilo padrão do elemento)

Desafio dia 09 - Botão Hover Animado

[Código do desafio][dia 09]

O que usei neste desafio

• :hover
• ::before
• z-index
• transition

✍🏽 Autores

Feito com ❤️ por Leonardo Carvalho

GitHub - @leon-carvalho

LinkedIn - leonardo-dev

📝 Licença

Este projeto esta sobe a licença MIT. Veja a LICENÇA para saber mais.