Sugerencias para Herramientas para desarrolladores: Cómo inspeccionar y modificar animaciones de CSS
bookmark_borderbookmark
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Sofia Emelianova
La pestaña Animations de las Herramientas para desarrolladores de Chrome es una herramienta potente que te ayuda a ralentizar, volver a reproducir, ajustar los tiempos de animación de CSS y ver los resultados de inmediato.
La pestaña Animaciones, mientras está abierta, registra las animaciones automáticamente, las agrupa de forma conveniente y te permite hacer lo siguiente:
Vuelve a reproducir y ralentiza las animaciones para inspeccionarlas mejor.
Arrastra puntos en un cronograma para ajustar las duraciones, los tiempos y los retrasos, en lugar de adivinar y establecer valores de CSS de forma manual.
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2022-08-11 (UTC)"],[],[]]