Nativescript: Flip animation (rotateX & rotateY) missing?

[manijak]

According to this issue here https://github.com/NativeScript/NativeScript/issues/1608 rotateY and rotateX should be supported. Can someone show us an example of how to use it?

I've tried with the following:

@keyframes flipper {
    from { transform: rotateY(0); }
    to { transform: rotateY(180);  }
}

But the app crashes with the following error message: No animation property specified

Using CLI & runtime: 2.0.1

[NickIliev]

Hi @manijak

Transform will only work with _rotate()_ as described in the documentation article about CSS-animation

Supported animatible properties are the following:

CSS animations support the same animatable properties used in code-based animations:
opacity
background-color: Corresponds with the backgroundColor.
transform: translate: Corresponds with translateX and translateY properties.
transform: scale: Corresponds with scaleX and scaleY properties.
transform: rotate: Corresponds with the rotate property.

p.p. we dont support rotateY and rotateX - the reference in the issue is a typo as such properties currently does not exist. (I will revise the description in the above issue)

[manijak]

Thanks for the clarification. I truly hope you find the time to add rotateX & rotateY :)

[Zaniyar]

will rotateX and rotateY ever be implemented?

[hamdiwanis]

@Zaniyar if you are interested you can use this plugin until its added to nativescript
https://github.com/hamdiwanis/nativescript-rotate-3d

[ezequielzacca]

please implement this feature

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.