EL MEJOR TRUCO DE CSS PARA TUS ANIMACIONES

[@Goota_LK]

Esto de usar transform en lugar de posicionamiento lo aprendí a inicios de cuando empecé a estudiar css. También sabía que se hacia uso de la gpu en vez de la cpu. Y en este video se ve la demostración de ese hecho que antes para mí solo era teoría. Buen video explicándolo.

[@vidamrr]

Así es, hay otras formas con CSS y Javascript pero esta es la más fácil de empezar a probar, hasta que no vi la diferencia es que empecé a usarlo de verdad

[@joanjoan8845]

Empieza ya el maldito estreno!

[@juanarias2831]

Genial, gracias

[@AronAron7375]

Es mejor usar anímate de javascript o animación de css ?🤔

[@guillermoandradaFSD]

Excelente, me encantó

[@arcan9e7]

Es obvio... Flash puede moverse más fluido porque es más rápido y renderiza con la speedforce 🤣

[@vidamrr]

Jajajaja es correcto

[@vittoopugliese]

Como se llama el tema que usas?? Es hermoso !!

[@martindejesusleanoshernand6342]

Estoy aún en los anuncios, pero hay un conjunto de eventos que se dispara en una animación, veamos si era uno de esos.

[@AlbertoMarun]

Hola mi estimado, gracias por el aporte pero tengo un problema con transform porque cuando aplico en la animacion en translateX y scale el rendimiento es mucho mejor con el metodo left... Asi el rendimiento se va al piso y aplicando left con scale el rendimiento mejora: @keyframes animacion-flash { from { transform: translateX(0); scale: 0%; } to { transform: translateX(500px); scale: 100%; } }

[@vidamrr]

Probablemente ahí el tema es tu computadora Alberto. Al final los navegadores están diseñados para cargar transformaciones y opacidad en el GPU y lo demás en el CPU en el main thread, así es el diseño, si tu computadora no tiene GPU o no tiene mucha probablemente ese sea el problema y se vea mejor usando left