Suggerimenti per DevTools: come esaminare e modificare le animazioni CSS
bookmark_borderbookmark
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Sofia Emelianova
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.
[[["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."],[],[]]