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 11 de Novembro 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 participar
Online Tutorials - Creative Creations - DarkCode
- Dia 01 - Efeitos Hover em cartões empilhados
- Dia 02 - Botão com efeito de transição hover
- Dia 03 - Cards direcionados com efeito hover
- Dia 04 - Ícones saltitantes
- Dia 05 - Tela de Carregamento
- Dia 06 - Sun-Moon Transition
- Dia 07 - Cards com Transições Hover
- Dia 08 - Acenda a luz!
- Dia 09 - Planetário
- Dia 10 - Tela de Carregamento Circular
- Dia 11 - Fylo data storage component
- Dia 12 - The Power of The Hand
- Dia 13 - Go Go Power Rangers!
- Dia 14 - Botão com bolinhas rotatórias
- Dia 15 - PAC MAN
- Dia 16 - Rainbow Panel
- Dia 17 - Efeito Pisada
- Dia 18 - Loader
- Dia 19 - Card com efeitos hover e focus
- Dia 20 - Loader Ninja
- Dia 21 - Ícones com Efeito Hover
- Dia 22 - Galinha Saltitante
- Dia 23 - Card flip + Redes Sociais
- Dia 24 - Botão com efeito Hover
- Dia 25 - Pássaro Geométrico
- Dia 26 - Cards Animais
- Dia 27 - Cup Set
- Dia 28 - Material Icons
- Dia 29 - Landing Page
- Dia 30 - Typing Text
Tutorial Medium Ainda não disponivel
- Utilizar índices para aplicar variações em elementos semelhantes
- 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
- tranformação 2D ou 3D de um elemento aqui
- Transições CSS
- Pseudo-Elementos
- hover
Tutorial Medium Ainda não disponivel
- tranformação 2D ou 3D de um elemento aqui
- Transform-Style
- Transições CSS
- Box-shadow
- Sibling Selectors
- Perspective Property
- hover
Tutorial Medium Ainda não disponivel
- tranformação 2D ou 3D de um elemento aqui
- Keyframe
- Transições CSS
- Scale
- Translate
- Fontawesome icons
- Box-shadow
Tutorial Medium Ainda não disponivel
- tranformação 2D ou 3D de um elemento aqui
- Keyframe
- Transições CSS
- Scale
- Transform-origin
- Gradients
- Filter
- Animations
Tutorial Medium Ainda não disponivel
- tranformação 2D ou 3D de um elemento aqui
- Keyframe
- Transições CSS
- Overflow
- Animations
Tutorial Medium Ainda não disponivel
- tranformação 2D ou 3D de um elemento aqui
- hover
- Transições CSS
- Visibility
- Flex-direction
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
- tranformação 2D ou 3D de um elemento aqui
-
- Box-shadow
- Keyframe
- Animations
- -Webkit-box-reflect
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
- nth-child ()
- Z-index
- Transições CSS
- Posicionamento Absoluto
- hover
- Pseudo-Elementos
- Sibling Selectors
- focus
Tutorial Medium Ainda não disponivel
- -webkit-text-fill-color
- -webkit-background-clip
- -webkit-linear-gradient
- Posicionamento Absoluto
- Transições CSS
- Animation
- Keyframe
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