Fala Devs, beleza? 🖖
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 20 de Julho de 2020, que visa melhorar minhas habilidades em HTML5 e CSS3 através da realização de projetos
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 (Twitter, Facebook, Linkedin etc.) usando a hashtag #30diasDeCSS
- O projeto deve ser concluído até 23:59
Gostou da ideia? Clique aqui para dicas no Repositório da MilenaCarecho
Online Tutorials - Creative Creations - DarkCode
- 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
- Dia 06 - Efeito lightning text
- Dia 07 - Preloader animado
- Dia 08 - Coração batendo
- Dia 09 - Pendulo de Newton
- Dia 10 - Animação texto alternando
- 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
- animations
- animation-duration: 2s
- animation-name
- animation-iteration-count: infinite
- animation-timing-function: linear
- @keyframes
- CSS Overflow
- hidden
- animations
- Transition: translate
- animation-delay
- nth-child()
Tutorial Medium Ainda não disponivel
- :first-child / last-child
- Como alterar duas animações.
- Transform-origin
- Background: linear-gradient() <-> Site para gradientes
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