30 dias usando CSS em projetos variados, com propriedades específicas e avançadas
30 dias de CSS3 é um desafio que vou aceitar (e você também pode participar) a partir de 1 de Janeiro de 2021, 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 honrado 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
Online Tutorials - Creative Creations - DarkCode MilenaCarecho IamThiago-IT
- Dia 01 - Ícone de mídia social em camadas
- Dia 02 - Botão animado Neon
- Dia 03 - Olhos que segue o mouse
- Dia 04 - Efeito pulsar
- Dia 05 - Efeito lightning text
- Dia 06 - Máquina de Escrever
- Dia 07 - Coração batendo
- Dia 08 - Botão com efeito Hover
- Dia 09 - Cartão de crédito 3D
- Dia 10 - Copo de Café
- Dia 11 - Pendulo de Newton
- Dia 12 - Efeito de preenchimento
- Dia 13 - Todo List Animado
- Dia 14 - Shadow Gradient
- Dia 15 - Texto Saltando
- Dia 16 - Efeito Escalar
- Dia 17 - Cards 3D
- Dia 18 - Texto esfumaçado
- Dia 19 - Fundo de particulas
- Dia 20 - Botão com efeito
- Dia 21 - Esferas quicando
- Dia 22 - Icones com efeito
- Dia 23 - Boneco do Among Us
- Dia 24 - Carousel 3D
- Dia 25 - Checkbox Animado
- Dia 26 - Loading com efeito
- Dia 27 - Efeito pulsar
- Dia 28 - Cor do background mudando
- Dia 29 - Menu Responsivo
- Dia 30 - Fogos de artifício
- 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 ()
- Criar as camadas utilizando a tag
<span> - hover
- nth-child ()
- Criar KeyFrames (animando um elemento)
- Animation
- Linear Gradient
- Box Shadow
- hover
- Transições CSS
- Before
- Border Radius
- Translate https://github.com/Willian17/30DiasCss/tree/master/Dia%2004
- rotateY
- backdrop-filter
- transform-style
- perspective
- rotate
- translate
- filter
- animation
- HTML 5
- Css
Agradecemos às seguintes pessoas que contribuíram para este projeto:
 Willian Fernandes |
Contribuições são sempre bem-vindas!
- Fork o Projeto
- Criar uma Branch (git checkout -b funcionalidade/navegar)
- Commit suas alterações (git commit -m 'Add some AmazingFeature)
- Push na Branch (git push origin funcionalidade/navegar)
- Abra um Pull Request
Esse projeto está sob licença MIT.
Dê uma ⭐️ se esse projeto te ajudou!