Molto rettiliano!
Aggiungine uno ruotato di circa 60 gradi in senso antiorario di 180 gradi sull’asse y e ottieni gli occhi di un resuscitato
Aggiungi un’immagine speculare ruotata sull’asse y in modo da avere due immagini (occhi)
Vai Discourse un rex
sì, non riesco a togliermelo dalla testa e di sicuro devo uscire di più
Ho impostato un caricatore per monociclo qui! https://unicyclist.com
Bello!
L’animazione originale è stata creata da me solo con CSS, e ho chiesto a Gemini di “convertirla” (per così dire) in SVG.
Sulla schermata di caricamento di https://unicyclist.com , la barra di caricamento sembra estendersi oltre lo sfondo.
Grazie. Un utente ha segnalato questo. C’erano alcune stranezze SVG (?) che facevano apparire l’immagine… strana, quando caricata in un post, ma non nella schermata di caricamento.
Ad esempio, questa versione precedente:
Sembra completamente rotta qui, anche quando ci si clicca sopra (mostra una doppia barra di caricamento…).
Ma sembra a posto quando viene usata come schermata di avvio.
Ho chiesto ingenuamente a Gemini di “risolverlo”, il che ha creato l’SVG che ho pubblicato e che sembra ok, anche se apparentemente alcuni utenti hanno un problema riguardo alla barra di avanzamento. Suppongo che questo sia ciò che vedete:
Io non ho alcun problema su Windows Chrome/Firefox o Android/Chrome.
Non so se ci sia qualche tipo di relazione tra Discourse e questi problemi.
Quindi, per rimanere in tema, oltre alle animazioni non-CSS, ci sono alcune cose di cui essere consapevoli quando si vuole usare un SVG animato per una schermata di avvio?
Utilizzo i clipPath nei miei SVG per impedire agli elementi di traboccare.
Forse istruire Gemini nel seguente modo sarebbe efficace:
La barra di caricamento in questo SVG si estende oltre lo sfondo. Modificala in modo che rimanga entro i limiti dello sfondo utilizzando un clipPath.
