QR Code component (Vanilla CS + JS + Custom Design + 2 THEMES)
Design comparison
Solution retrospective
👋Hi Frontend Mentor coding community
I added some features:
🎨 Switch themes with button 🎨 Custom design, colors and hover state
Feedbacks and suggestions are welcome !!
Community feedback
- @AdrianoEscarabotePosted about 2 years ago
Eae João, tudo bom?
Tudo ficou ótimo, realmente você foi muito criativo ahahahahah Gostei bastante das animações entre as cores, e principalmente o tema do hexa ahahahahah
Cara uma dica que eu penso que você gostará:
Eu só colocaria um padding no body, para quando a resolução da tela estiver pequena, as animações não ficarem sumindo para dentro da borda da página.
O resto está tudo ótimo! Parabéns!
Marked as helpful2@JimaLokoPosted about 2 years ago@AdrianoEscarabote Vlw Adriano, kkkk que venha o hexa pra gente!!
0 - @correlucasPosted about 2 years ago
Fala João, beleza?
Parabéns pela solução, ficou mto bom o design e os dois botões de tbm, a animação entre o estado ativo/inativo do botão ficou mto massa tbm.
Não tem mto o que melhorar ai, a única coisa que vc poderia colocar é uma media query pra mostrar animações só pra quem tem essa preferência ativa no browser, é uma boa prática colocar 'prefers-reduced-motion
@media @media (prefers-reduced-motion) { Inserir animações aqui }
https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion
Espero ter ajudado e continue postando soluções como essa
Marked as helpful1@JimaLokoPosted about 2 years ago@correlucas Vlw Lucas! Obrigado pela dica e elogios, vou inserir essa funcionalidade.
1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord