Keyframes e variabili
Locking this thread.
Please continue here: [/questions/1430719]
Ho un sito con un'animazione che funziona su tutti gli altri browser meno che su firefoxe, provando a correggerla ho capito che nel mio keuframes non viene effettuato l'aggiornamento della mia variabile css come dovrebbe, mi spiegomeglio l'animazione consiste nel far colorare il bordo di un div come se gli stesse rotando a torno, ed avviene con questo comando:
border-image: conic-gradient(from var(--angle), #6CC1D7 15%, transparent 19%) 5 5;
animation: 5s rotate2 infinite linear ;
@keyframes rotate2 { 0%{ --angle:360deg; border-right: 10vmin solid; } 100% { --angle:0deg; border-right: 0vmin solid;
} }
Che succede, la regola border-right funziona correttamente ma l'angolo non viene aggiornato e di conseguenza rimane tutto fermo.
non ho trovato nulla in giro al riguardo, grazie in anticipo per l'aiuto.
Modificato da cor-el il
Tutte le risposte (2)
ciao, questa area di discussione è frequentata principalmente da semplici utenti, per cui dubito qualcuno possa aiutarti in una questione così tecnica. Se non ricevi altre risposte, puoi provare a riproporre la domanda nella sezione di lingua inglese (https://support.mozilla.org/en-US/questions/firefox) o sul forum di Mozilla Italia (https://forum.mozillaitalia.org/)
Ti ringrazio provvederò a fare così