Alquien de aca sabe porque las tranformaciones y rotaciones en las animaciones no funcionan corectamente en la app de SoloLearn?

Question

es que las animaciones con CSS3 no me funcionan correctamente, por ejemplo aca esta animacion la hice en mi pc y funciona correctamente pero en la app de SoloLearn no funciona el codigo, alguien que me ayude por favor.

https://code.sololearn.com/WQW5xItGK4Ew/?ref=app

Answer 1

(Hi! Awesome animation 😊👌 You have to add vendor prefixes to make your animations compatible in SoloLearn and other browsers)

Hola! Genial animación 😊👌Tenés que agregarle los prefijos de cada browser para hacer las animaciones compatibles en SoloLearn. En tu caso, estos prefijos deben colocarse en:
- La propiedad 'animation' de cada elemento (en tu código a las clases "roja2" y "negra2")
- En cada uno de los keyframes.
- La propiedad 'transform' (y también 'transition' si hubiera) para el elemento con clase "contenedor")

Te lo muestro con tu código ya arreglado para que se entienda mejor: https://code.sololearn.com/WilG7XYmwgNC/?ref=app

Y también te dejo un link con una explicación más profunda sobre estos prefijos: https://developer.mozilla.org/en-US/docs/Glossary/Vendor_Prefix

Answer 2

Muchas Gracias te lo agradezco

Answer 3

Paola me pregunto si abra alguna forma de contactarme contigo, ya sea Facebook, Whatsapp, etc...

Paola asked me if I opened any way to contact you, be it Facebook, Whatsapp, etc ...