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 corre… (ulteriori informazioni)
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.
