¡Muy reptiliano!
Añade uno rotado unos 60 grados en sentido antihorario 180 grados sobre el eje y y tendrás los ojos de un resucitado
Añade una imagen especular que ha sido rotada sobre el eje y para obtener dos imágenes (ojos)
Vamos Discourse un rex
sí, no puedo sacarme esto de la cabeza y definitivamente necesito salir más
¡He puesto un cargador de monociclo aquí! https://unicyclist.com
¡Genial!
La animación original fue mía solo con CSS, y le pedí a Gemini que la “convirtiera” (por así decirlo) en SVG.
En la pantalla de carga de https://unicyclist.com, la barra de carga parece extenderse más allá del fondo.
Gracias. Un usuario informó de esto. Hubo algunas peculiaridades de SVG (?) que hicieron que la imagen apareciera… rara al subirla a una publicación, pero no en la pantalla de carga.
Por ejemplo, esta versión anterior:
Se ve completamente rota aquí, incluso cuando hacemos clic en ella (muestra una barra de carga doble…).
Pero se ve bien cuando se usa como pantalla de bienvenida (splash screen).
Pregunté sin pensar a Gemini que lo “arreglara”, lo que creó el SVG que publiqué y se ve bien, aunque aparentemente ciertos usuarios tienen un problema con la barra de progreso. Supongo que esto es lo que ves:
Yo no tengo ningún problema en Chrome/Firefox de Windows ni en Android/Chrome.
No sé si existe algún tipo de relación entre Discourse y estos fallos.
Así que, para mantener el tema, además de las animaciones no CSS, ¿hay algo a tener en cuenta cuando queremos usar un SVG animado para una pantalla de bienvenida?
Utilizo clipPaths en mis SVG para evitar que los elementos se desborden.
Quizás instruir a Gemini de la siguiente manera sería efectivo:
La barra de carga en este SVG se está extendiendo más allá del fondo. Por favor, modifícala para asegurar que permanezca dentro de los límites del fondo usando un clipPath.
