Editor keyframe CSS
Crea keyframe trasformazione/opacità con riproduzione controllata e CSS.
- Funziona nel browser
- Nessun caricamento
- Controlla prima di scaricare
Gli input restano in questa scheda e non vengono caricati né salvati automaticamente. I conteggi aggregati di utilizzo e le informazioni diagnostiche generali sono facoltativi e inviati solo con il consenso, senza contenuti né nomi dei file. Svuotare o chiudere elimina gli input; salva prima i risultati necessari.
Limiti delle risorse
Da 2 a 32 keyframe con percentuali distinte, inclusi 0 e 100. Traslazione ±500 px, rotazione ±1080 deg, scala da 0 a 5, opacità da 0 a 1, durata da 0,1 a 60 s, ripetizioni da 1 a 20. La riproduzione rispetta la preferenza per il movimento ridotto. L’anteprima locale è limitata e non garantisce lo stesso risultato in ogni browser o impaginazione. I dati inseriti non vengono eseguiti. Scarica HTML e CSS insieme. Limite: 8 secondi.
Come si usa
- Configura l’esempio
Modifica percentuale, traslazione, rotazione, scala e opacità per stato. Imposta durata, curva e ripetizioni. Genera, avvia o metti in pausa esplicitamente ed esporta la stessa sequenza.
- Verifica prima dell’uso
Gli input restano in questa scheda e non vengono caricati né salvati automaticamente. I conteggi aggregati di utilizzo e le informazioni diagnostiche generali sono facoltativi e inviati solo con il consenso, senza contenuti né nomi dei file. Svuotare o chiudere elimina gli input; salva prima i risultati necessari. Da 2 a 32 keyframe con percentuali distinte, inclusi 0 e 100. Traslazione ±500 px, rotazione ±1080 deg, scala da 0 a 5, opacità da 0 a 1, durata da 0,1 a 60 s, ripetizioni da 1 a 20. La riproduzione rispetta la preferenza per il movimento ridotto. L’anteprima locale è limitata e non garantisce lo stesso risultato in ogni browser o impaginazione. I dati inseriti non vengono eseguiti. Scarica HTML e CSS insieme. Limite: 8 secondi.
- Esporta il risultato verificato
Scarica risultato; Scarica originale
Domande e limiti
Limiti delle risorse
Da 2 a 32 keyframe con percentuali distinte, inclusi 0 e 100. Traslazione ±500 px, rotazione ±1080 deg, scala da 0 a 5, opacità da 0 a 1, durata da 0,1 a 60 s, ripetizioni da 1 a 20. La riproduzione rispetta la preferenza per il movimento ridotto. L’anteprima locale è limitata e non garantisce lo stesso risultato in ogni browser o impaginazione. I dati inseriti non vengono eseguiti. Scarica HTML e CSS insieme. Limite: 8 secondi.
Design offline
Gli input restano in questa scheda e non vengono caricati né salvati automaticamente. I conteggi aggregati di utilizzo e le informazioni diagnostiche generali sono facoltativi e inviati solo con il consenso, senza contenuti né nomi dei file. Svuotare o chiudere elimina gli input; salva prima i risultati necessari.
Verifica prima dell’uso
Modifica percentuale, traslazione, rotazione, scala e opacità per stato. Imposta durata, curva e ripetizioni. Genera, avvia o metti in pausa esplicitamente ed esporta la stessa sequenza.