animate.css icon indicating copy to clipboard operation
animate.css copied to clipboard

Published 20 hours ago • verified publisher icon animate-css

`@keyframes zoomIn` There is a compatibility problem. It will flash under some IOS systems.

Open hymhub opened this issue 2 years ago • 2 comments

Describe The Bug

@keyframes zoomIn There is a compatibility problem. It will flash under some IOS systems. It is recommended to change it to :

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

Steps To Reproduce

No response

Expected Behavior

No response

Screenshots

No response

Desktop

No response

Smartphone

No response

Additional Context

No response

hymhub avatar Apr 27 '22 02:04 hymhub

Hey @hymhub. Thanks for reporting. Could you please share more details on this? Devices tested? A reduced case?

eltonmesquita avatar Apr 28 '22 10:04 eltonmesquita

Thanks @hymhub this solved my problem on Safari 15.5 on Mac OS

knufri avatar Jun 30 '22 10:06 knufri

嘿@hymhub. 感谢您的报告。你能分享更多关于这方面的细节吗？测试设备？减少的情况？

This was discovered by using the company's test machine in my previous work. I didn't pay attention to the specific model. Now I can't find the test machine. I can't provide detailed data. I'm very sorry.

hymhub avatar Mar 16 '23 07:03 hymhub