Desafio30diasCSS

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

• Dia 01 - Ícone hamburguer + menu fullscreen animado
• Dia 02 - Background com efeitos Hover
• Dia 03 - Gradient Border Cards
• Dia 04 - Floating Ghost
• Dia 05 - Animated Box
• Dia 06 - Social Media Buttons With Hover Effects
• Dia 07 - To-do List
• Dia 08 - Animated Clock

• Desafio dia 1 - Ícone hamburguer + menu fullscreen animado

Meu código

Referência: Criação do hamburguer & Menu fullscreen

Aprendizados:

• pseudo-elements :before and :after

• propriedade CSS transition

• seletores

• Desafio dia 2 - Background com efeitos Hover

Meu código

Referência: Background Hover Effects

Aprendizados:

• @keyframes

• propriedade CSS box-shadow

• Desafio dia 3 - Gradient Border Cards

Meu código

Referência: Gradient Border Cards

Aprendizados:

• pseudo-classe CSS :nth-child()

• Desafio dia 4 - Floating Ghost

Meu código

Referência: Awesome Floating Ghost

Aprendizados:

• propriedade CSS animation

• @keyframes

• Desafio dia 5 - Animated Box

Meu código

Aprendizados:

• propriedade CSS transform

• pseudo-classe CSS :nth-of-type()

• clear

• Desafio dia 6 - Social Media Buttons With Hover Effects

Meu código

Referência: Social Media Buttons With Awesome Hover Effects

Aprendizados:

• propriedade CSS background-clip

• -webkit-text-fill-color

• Desafio dia 7 - To-do List

Meu código

Referência: Awesome ToDo List Using HTML & CSS

• Desafio dia 8 - Animated Clock

Meu código

Referência: Awesome Animated Clock Using Only HTML & CSS

Aprendizados:

• propriedade CSS float