CSS : animation not work

[GauravCreed]

Hi @passos

is it possible to work a css animation is working in AdvancedWebView ? i tried but not working , css animation like.

@keyframes fade-in { from { opacity: 0;} to { opacity: 100;} }

is it any other way to solve this problem please help me.

thanks. (_)

[ocram]

Thanks for your feedback!

What Android version or platform level are you running this on?

In general, the capabilities of this instance depend on the "Android System WebView" app on your device that you can update via the Play Store.

Please provide the URL to a public web page where we can check exactly that CSS snippet which you posted. It should be a minimum, but working, example.

There must be some animation then that does work in Firefox and Chrome but does not work in the AdvancedWebView instance.

[GauravCreed]

I am testing in Lava iris x8 android 5.1 , and my screen like.

@keyframes bauch { 50% {margin-top: -30%; margin-left: 10%; transform: rotate(-10deg);} 90% { margin-top: -50%; margin-left: 33%; transform: rotate(-10deg);} 100% { margin-top: -50%; margin-left: 33%; transform: rotate(0deg);} }

and call this animation in javaScript fuction like .

var hara = function () { document.getElementById("schmetterling-container").style.animation = "bauch 3s linear 0s 1"; }

sorry to i can't share full html file for some how , this is my animation snippet to provide here.please help me.

one more thing i have also test to adding @-webkit like but don't work

@-webkit-keyframes bauch { 50% {margin-top: -30%; margin-left: 10%; transform: rotate(-10deg);} 90% { margin-top: -50%; margin-left: 33%; transform: rotate(-10deg);} 100% { margin-top: -50%; margin-left: 33%; transform: rotate(0deg);} }

[GauravCreed]

Hi @ocram

now i send a html file CSSAnimation .

I hope this html file help u to solve this issue, Thanks . (_)

[ocram]

Sorry, this doesn't help as it is now. That file has more than 1,300 lines and several referenced (external) resources that are missing. That doesn't help. Please reduce that file to an absolute minimum but working example which consists almost only of the CSS that you want to test. Apart from that, please describe what should happen and what does happen explicitly.

[ocram]

Closing due to inactivity