Compra acceso a todo Platzi por 1 a帽o

Antes: $249

Currency
$209/a帽o

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscr铆bete

Termina en:

14D
4H
35M
23S

Propiedades recomendadas y no recomendadas para animar

17/20

Lectura

Propiedades recomendadas y no recomendadas para animar

Al hacer animaciones debemos fijarnos que no sean demasiado costosas computacionalmente para que no parezcan inestables y poco fluidas.

...

Reg铆strate o inicia sesi贸n para leer el resto del contenido.

Aportes 8

Preguntas 6

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Hay una extension para vscode de csstriggers que sirve mucho para estos casos.

Mover algo cambiando left/top/etc es una mala practica, por eso es muy 煤til utilizar el translate. Es solo un ejemplo de que propiedades animar/transicionar

Vaya, yo sol铆a animar la propiedad position para men煤s laterales. Lo mejor ser谩 usar translate().

Otra buena propiedad que se puede utilizar y con la cual se pueden obtener muy buenos efectos es clip-path
Les comparto su documentaci贸n

隆Wow! sorprendente el proyecto quantum css de Mozilla, ahora tengo ganas de aprender rust

Resumen:
Para hacer animaciones eficientes, debemos evitar propiedades que sean costosas computacionalmente y utilizar aquellas que son m谩s econ贸micas. El proceso de renderizado en los navegadores consta de varios pasos, pero los m谩s importantes son Layout, Paint y Composite. Algunas propiedades requieren pasar por m谩s pasos, lo que las hace m谩s costosas de animar, como height, width y background-color. En cambio, propiedades como transform y opacity son m谩s baratas de animar ya que solo requieren del paso de Composite.

esta genial esta pagina y los comentarios gracias!

Esta interesante la lectura recomendada, tocar铆a buscar si al final se aplico el quantum css a Fire Fox.

Me encanto esta info鈥 muy buenos tips para mejorar el performance. Gracias!!!