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.
30 dias de CSS3 é um desafio que vou aceitar (e você também pode participar) a partir de 08 de Novembro de 2020, que visa melhorar minhas habilidades em HTML5 e CSS3 através da realização dos desafios.
Se você chegou agora e quer começar o desafio, fique a vontade, o desafio não tem data de inicio fixa, cada um faz os seus 30 dias, eu ficarei honrada com sua participação 😉
- Realizar um projeto por dia
- Compartilhe seu progresso nas mídias sociais (Estado do Whatsapp, Twitter, Facebook, Linkedin, etc) usando a hashtag #30diasDeCSS
- O projeto deve ser concluído até 23:59
Eu criei algumas regras para mim que não quero impor a ninguém, mas fique à vontade para fazer o mesmo, se quiser!
- Se eu não concluir o projeto do dia, vou transferir 5.000 AOA para a minha amiga Creuma Kuzola que vai gostar de ter esse prazer, mas eu não vou lhe dar.
- Vou tentar criar pequenos tutoriais no medium para todos os projetos(não no dia da sua implementação).
Gostou da ideia? Clique aqui para participar
- Dia 01 - Ícone de mídia social em camadas
- Dia 02 - Loader animado
- Dia 03 - Mudança de cor de texto quando entra em outra div
- Dia 04 - Botão com efeito
- Dia 05 - Efeito pulsar
- box-shadow
- DIV que fara o efeito.
- Dia 06 - Efeito lightning text
- Working with delay and time of animation.
- Dia 07 - Preloader animado
* - Dia 08 - Coração batendo
- Div's
- Pseudo elementos
- Dia 09 - Pendulo de Newton
- Rotate
- Translate
- Dia 10 - Animação texto alternando
- attr(CSS function)
- content(Pseudo elemento)
- Dia 11 - Botão com efeito hover
- Dia 12 - Efeito de preenchimento ao passar o mouse
- Dia 13 - Loading com efeito
- Dia 14 - Fundo de texto animado
- Dia 15 - Texto flutuante
- Dia 16 - Botão com efeito
- Dia 17 - Loader animado
- Dia 18 - Texto esfumaçado
- Dia 19 - Efeitos de animação de fundo de partículas
- Dia 20 - Botão com efeito
- Dia 21 - Esferas quicando
- Dia 22 - Icones com efeito
- Dia 23 - Botão com efeito hover
- Dia 24 - Preloader animado
- Dia 25 - Checkbox animado
- Dia 26 - Loading com efeito
- Dia 27 - Efeito pulsar
- Dia 28 - Cor do background mudando
- Dia 29 - Menu responsivo com Media Queries
- Dia 30 - Fogos de artificio
Tutorial Medium Ainda não disponivel
- Criar as camadas utilizando a tag
<span> - tranformação 2D ou 3D de um elemento aqui
- Transições CSS
- Opacidade / transparência do CSS
- hover
- nth-child ()
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel