Muito reptiliano!
Adicione um rotacionado em cerca de 60 graus no sentido anti-horário 180 graus no eixo y e você terá os olhos de um ressuscitado
Adicione uma imagem espelhada que foi rotacionada em torno do eixo y para duas imagens (olhos)
Vá Discourse um rex
sim, não consigo tirar isso da cabeça e definitivamente preciso sair mais
Eu configurei um carregador de monociclo aqui! https://unicyclist.com
Legal!
A animação original foi feita por mim apenas com CSS, e pedi ao Gemini para “converter” (por assim dizer) em SVG.
Na tela de carregamento de https://unicyclist.com, a barra de carregamento parece se estender além do plano de fundo.
Obrigado. Um usuário relatou isso. Houve algumas peculiaridades do SVG (?) que fizeram a imagem aparecer… Estranha, quando carregada em uma postagem, mas não na tela de carregamento.
Por exemplo, esta versão mais antiga:
Parece completamente quebrada aqui, mesmo quando clicamos nela (mostra uma barra de carregamento dupla…).
Mas parece boa quando usada como tela de abertura (splash screen).
Eu perguntei estupidamente ao Gemini para “corrigir”, o que criou o SVG que postei e parece OK, mas aparentemente certos usuários têm um problema em relação à barra de progresso. Eu suponho que seja isso que você vê:
Eu não tenho nenhum problema no Chrome/Firefox do Windows ou no Chrome do Android.
Eu não sei se há algum tipo de relação entre o Discourse e esses problemas.
Então, para manter o tópico, além de animações que não são CSS, há algo a ser observado quando queremos usar um SVG animado para uma tela de abertura?
Eu utilizo clipPaths em meus SVGs para evitar que elementos transbordem.
Talvez instruir o Gemini da seguinte forma seja eficaz:
A barra de carregamento neste SVG está se estendendo para além do fundo. Por favor, modifique-a para garantir que ela permaneça dentro dos limites do fundo usando um clipPath.
