Cerca nel supporto

Attenzione alle mail truffa. Mozilla non chiederà mai di chiamare o mandare messaggi a un numero di telefono o di inviare dati personali. Segnalare qualsiasi attività sospetta utilizzando l'opzione “Segnala abuso”.

Ulteriori informazioni

Questa discussione è chiusa e archiviata. Inserire una nuova richiesta se occorre aiuto.

Keyframes e variabili

  • 2 risposte
  • 0 hanno questo problema
  • 2 visualizzazioni
  • Ultima risposta di Marco Cerasa

more options

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.

<i>Locking this thread.</i><br><i>Please continue here: [[/questions/1430719]]</i><br> 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)

more options

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/)

more options

Ti ringrazio provvederò a fare così