Está é a minha versão do desafio 30 dias de CSS3 da @MilenaCarecho, vou seguir os mesmos desafios, mas com minhas alterações e preferências pessoais.
Todos os créditos a idealizadora do projeto. 😄
30 dias de CSS3 é um desafio que vou aceitar (e você também pode participar) a partir de 4 de Agosto de 2020, que visa melhorar minhas habilidades em HTML5 e CSS3 através da realização de projetos.
- 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
Por problemas pessoais e devido a pandemia da covid-19 tive problemas para realizar o projeto, e retomei para não deixa-lo pela metade. Portanto existe um gap de tempo entre o desafio 15 e 16, contanto não postarei apartir deste ponto os desafios no Linkedin, apenas serão cumpridos no github.
Gostou da ideia? Clique aqui para participar
Online Tutorials - Creative Creations - DarkCode
- Dia 01 - Icone de mídia social em camadas
- Dia 02 - Loader animado
- Dia 03 - Transição de texto por 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 - Texto animado alternando
- Dia 11 - Botao com efeito hover
- Dia 12 - Texto com efeito hover
- Dia 13 - Loading animado
- Dia 14 - Texto com fundo animado
- Dia 15 - Menu animado
- Dia 16 - Card animado
- Dia 17 - Galeria responsiva
- Dia 18 - Formulário de pesquisa animado
Tutorial Medium Ainda não disponivel
- Criar camadas utilizando a tag
<span>
- skew
- Position
- nth-child()
Tutorial Medium Ainda não disponivel
- animations e rotate
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
- O que são pseudo classes
- ::before
- ::after
- além de reforçar os conhecimentos de
position
adquiridos nos desafios anteriores
Tutorial Medium Ainda não disponivel
- Box shadow e suas propriedades
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
- animations
- Font awesome
Tutorial Medium Ainda não disponivel
Tutorial Medium Ainda não disponivel
- mesclagem de fundo com imagem
- before
- propriedades de animation
Tutorial Medium Ainda não disponivel
- before
- propriedades odd e even.
Tutorial Medium Ainda não disponivel
- Assimilação de conteudos anteriores, o código em si é bem simples!
Tutorial Medium Ainda não disponivel
- Propriedades de box shadow
- Movimentação de sombras com o objeto
Tutorial Medium Ainda não disponivel
- Propriedades de box shadow
- Movimentação de objeto
- z-index
Tutorial Medium Ainda não disponivel
- linear-grandient
- Movimentação de objeto
- z-index
- visibility
- clip-path
- hierarquia e herança
- media query
- grid template
- grid row e column
- posicionamento com float
- Seletor child (>)