Skip to main content
8 eventos
quando alternar formato o que por licença comentário
26/06/2019 às 16:30 comentário adicionado Kamile Pimenta Siiim, muito top! Agradeço :)
24/06/2019 às 13:20 comentário adicionado hugocsl @KamilePimenta cara editei a resposta com mais umas infos, acho que pode te interessar, apesar de não haver muito mais que vc possa fazer a não ser tentar implantar o will-change, ou migrar para uma animação em SVG... Mas reduzir o número de nodes animados no DOM já vai melhorar muito!
24/06/2019 às 12:27 histórico editada hugocsl CC BY-SA 4.0
inclui novas instruções
21/06/2019 às 11:30 comentário adicionado Kamile Pimenta Certo, obrigada Hugo! Aqui está o link do real projeto caso queira verificar: tmw.com.br . Os efeitos estão na home do site mesmo, se tiver alguma sugestão de melhoria pode me informar. :)
20/06/2019 às 23:26 comentário adicionado hugocsl @KamilePimenta essa animação nem eh das piores Pq ela usa transform, o que normalmente deixa o processamento pra GPU e não pra o CPU, assim que de vou fazer uma edição ai pra incluir mais umas observações e te falo. Mas já te adianto que colocar um translateZ e will-change pode ser que melhore um pouco a performance, e para 10 ou 15 elementos o browser deve dar conta tranquilo
20/06/2019 às 12:05 voto aceitação Kamile Pimenta
20/06/2019 às 12:04 comentário adicionado Kamile Pimenta Sim, eu havia reparado nos cálculos nos elementos em si e de fato no celular eh bem pior, fica travando bastante. Eu já fiz uma função para ativar os efeitos apenas quando o usuário estiver a tela, agora me resta otimizar melhor esse código, talvez diminuir o value e a quantidade de elementos. Obrigada!
19/06/2019 às 20:05 histórico respondeu hugocsl CC BY-SA 4.0