ios - 如何在 Iphone 上设置不透明度动画？

Question

我想在 ::after 和 ::before 元素上创建一个简单的动画，在桌面上一切正常，但在 iOS 和 Chrome 上我没有不透明效果。

@keyframes sunshine {
  from {
    opacity: 30%;
    transform: scale(0);
  }
  to {
    opacity: 0%;
    transform: scale(4);
  }
}

此不透明度在 iPhone 上不起作用，我得到的不是不透明效果，而是 100% 背景色。

有没有办法在 iPhone 上打开 Alpha channel ？？

Answer 1

尝试以 float opacity: .3 的形式给出不透明度值，而不是百分比值。 Safari 浏览器不允许百分比值。

https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html