Keyframes animation of elements in Vuforia Studio

[CZ_9729748]

Hi, I am currently working on a mobile app and have issues with animations using Keyframes in css. As shown in the video, the animation shown in preview in Vuforia studio works multiple times but not in Vuforia View. Below is the css code used. Where I have binded a button to show the 'notipop' popup.

.notipop{
animation: slideupwards ease 0.5s;
}

@keyframes slideupwards{
0%{
bottom: -100%;
}
100%{
bottom:0%;
}
}

Any help would be much appreciated!

[sdidier]

Hello,

After some search on the web, it seems specific to Safari web browser.
Safari doesn't support well animations in CSS.

More details here :

https://www.xspdf.com/resolution/57323743.html

The workaround is to use translations instead.

Another way is to check log file of Vuforia View.

We might find an error who can explain the root cause and to confirm this analysis.

More details here about how to collect log file in Vuforia View :

https://www.ptc.com/en/support/article/CS283816

In Chrome web browser, we don't have any problem.

That explains these results in your video.

Best regards,

Samuel