Suggerimenti per DevTools: come esaminare e modificare le animazioni CSS
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
La scheda Animazioni di Chrome DevTools è un potente strumento che ti consente di rallentare, riprodurre di nuovo, regolare i tempi di animazione CSS e visualizzare immediatamente i risultati.
La scheda Animazioni, quando è aperta, registra automaticamente le animazioni, le raggruppa in modo pratico e ti consente di:
- Riproduci e rallenta le animazioni per esaminarle meglio.
- Modifica durate, tempistiche e ritardi trascinando i punti in una sequenza temporale anziché indovinare e impostare manualmente i valori CSS.
Inoltre, puoi modificare i tempi di transizione e impostare valori personalizzati per la curva cubic-bezier con l'editor di transizione nel riquadro Elementi > Stili. Per scoprire di più, consulta Modificare la sincronizzazione di animazioni e transizioni con l'editor di animazioni.
Per un'esperienza di apprendimento più pratica, segui la guida Esaminare e modificare gli effetti di animazione CSS.
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2022-08-11 UTC.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2022-08-11 UTC."],[],[],null,[]]
