Skip to content

O desafio consiste em criar 30 mini projetos utilizando HTML e CSS em 30 dias

License

Notifications You must be signed in to change notification settings

Gill3s0x01/30DiasDeCSS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 

Repository files navigation

Github logo

Lorison Gilles Github Milena Carecho MIT Licence

Sobre   |    Tecnologias Utilizadas   |    Regras Gerais   |    Sumário   |    Desafios

Referências   |    Licença

📖 Sobre

CSS (Cascading Style Sheet) é o código usado para estilizar páginas da Web, é a primeira tecnologia que você deve aprender após o HTML. Enquanto o HTML é utilizado para definir a estrutura e semântica do seu conteúdo, o CSS é usado para estilizá-lo e desenhá-lo. Como base entende-se que é importante reproduzir outros projetos para entender seu funcionamento e seguir tutoriais para praticar e aumentar nosso conhecimento e habilidades. Com isso o desafio "30 dias de CSS" tem o intuito de por em prática as habilidades adquiridas e oferecer a oportunidade de aprender novas funcionalidades produzindo mini projetos diários utilizando HTML5 e CSS3.

Conheci o desafio através da @MilenaCarecho. Aceitei o desafio dos 30 dias de CSS3 no dia 04 de outubro de 2020. Curtiu? Para participar Clique Aqui.


🚀 Tecnologias utilizadas

O projeto está desenvolvido utilizando as seguintes tecnologias:

  • HTML5
  • CSS3

📚 Regras gerais

  • Realizar um projeto por dia
  • Compartilhar seu progresso nas mídias sociais (Twitter, Facebook, Linkedin etc.) usando a hashtag #30diasDeCSS
  • O projeto deve ser concluído até 23:59

📑 Sumário


📌 Desafios


✔️ Dia 01 - Ícone de mídia social em camadas.

Dia 01 - Ícone de mídia social em camadas.

✔️ Dia 02 - Loader Animado.

Dia 02 - Loader Animado

✔️ Dia 03 - Mudança de Cor de Texto Quando Entra em Outra Div.

Dia 03 - Mudança de Cor de Texto Quando Entra em Outra Div

✔️ Dia 04 - Botão com Efeito.

Dia 04 - Botão com Efeito


s1 ✔️ Dia 05 - Pulsar.

Dia 05 - Pulsar

✔️ Dia 06 - Efeito Lightning Texto.

Dia 06 - Efeito Lightning Texto


✔️ Dia 07 - Preloader Animado.

Dia 07 - Preloader Animado


✔️ Dia 08 - Coração Animado.

Dia 08 - Coração Animado


✔️ Dia 09 - Pendulo de Newton.

Dia 09 - Pendulo de Newton


✔️ Dia 10 - Efeito TikTok.

Dia 10 - Efeito TikTok


✔️ Dia 11 - Barra de Progresso.

Dia 11 - Barra de Progresso


✔️ Dia 12 - Fantasma.

Dia 12 - Fantasma


✔️ Dia 13 - Super Mario.

Dia 13 - Super Mario


✔️ Dia 14 - Texto Animado.

Dia 14 - Texto Animado


✔️ Dia 15 - Loading.

Dia 15 - Loading


✔️ Dia 16 - Borda com Efeito.

Dia 16 - Borda com Efeito


✔️ Dia 17 - Efeito Holoforte.

Dia 17 - Efeito Holoforte


✔️ Dia 18 - Botão com Efeito.

Dia 18 - Botão com Efeito


✔️ Dia 1 - Background com hover efeito led.

Dia 19 - Background LED


▶️ Referências


📜 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

About

O desafio consiste em criar 30 mini projetos utilizando HTML e CSS em 30 dias

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published