Skip to content

Desafio de desenvolver 30 'mini' projetos com HTML e CSS puro - sem uso de frameworks - para melhorar habilidades com ferramentas básicas.

Notifications You must be signed in to change notification settings

srsouzaj/30DaysOfCSS

Repository files navigation

CSS5-Partner-logo></a>
<h1 align=

#30daysofCSS

Fala pessoal, tudo certo?

Iniciei hoje o desafio #30DaysOfCSS, que consiste em treinar as habilidades e melhorar as estilizações em HTML5 e CSS3, com pequenos exercícios diários.

A lista de exercícios e a solução utilizada, você pode ver no Github (sensacional) @MilenaCarecho.

Gostou da ideia? Clique aqui para participar

Regras gerais

As regras básicas são:

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

Índice

Desafio dia 01 - Ícone de mídia social em camadas

Dia 01

O que eu aprendi

Desafio dia 02 - Loader animado

Dia 02

O que eu aprendi

Desafio dia 03 - Mudança de cor de texto quando entra em outra div

Dicas

Desafio dia 04 - Botão com efeito

dia 04

O que eu aprendi

Desafio dia 05 - Efeito pulsar

dia 05

O que eu aprendi

Desafio dia 06 - Efeito lightning text

dia 06

O que eu aprendi

Desafio dia 07 - Preloader animado

dia 07

O que eu aprendi

Desafio dia 08 - Coração batendo

gif

O que eu aprendi

Desafio dia 09 - Pendulo de Newton

gif (1)

O que eu aprendi

Desafio dia 10 - Animação texto alternando

gif (2)

O que eu aprendi

Desafio dia 11 - Botão com efeito hover

gif (3)

O que eu aprendi

Desafio dia 12 - Efeito de preenchimento ao passar o mouse

gif (4)

O que eu aprendi

Desafio dia 13 - Loading com efeito

gif (3)

O que eu aprendi

Desafio dia 14 - Fundo de texto animado

gif (4)

O que eu aprendi

Desafio dia 15 - Texto flutuante

gif (5)

O que eu aprendi

Desafio dia 16 - Botão com efeito

gif (6)

O que eu aprendi

Desafio dia 17 - Loader animado

gif (7)

O que eu aprendi

Desafio dia 18 - Texto esfumaçado

gif (9)

O que eu aprendi

Desafio dia 19 - Efeitos de animação fundo de partículas

gif (10)

O que eu aprendi

Desafio dia 20 - Botão com efeito

gif (13)

O que eu aprendi

Desafio dia 21 - Esferas quicando

gif (14)

O que eu aprendi

Desafio dia 22 - Icones com efeito

gif (15)

O que eu aprendi

Desafio dia 23 - Botão com efeito

gif (17)

O que eu aprendi

Desafio dia 24 - Preloader animado

gif (18)

O que eu aprendi

Desafio dia 25 - checkbox animado

gif (20)

O que eu aprendi

Desafio dia 26 - Loading com efeito

gif (21)

O que eu aprendi

Desafio dia 27 - Efeito pulsar

gif (22)

O que eu aprendi

Desafio dia 28 - cor do background mudando

gif (23)

O que eu aprendi

Desafio dia 29 - Menu responsivo com Media Queries

gif (24)

O que eu aprendi

Desafio dia 30 - Fogos de artificio

gif (25)

O que eu aprendi

About

Desafio de desenvolver 30 'mini' projetos com HTML e CSS puro - sem uso de frameworks - para melhorar habilidades com ferramentas básicas.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published