css - 移动端 oppo 手机之 Border-radius

Question

这是oppo R9M 测试机上的 的截图

动画中 

动画结束后

下面是 代码， 我在起始状态和 结束状态 还有 动画状态 都添加了 border-radius : 50%;

问题 出在 哪里 呢， 求告知 以及 解决方案

下面是 在oppo 手机上的 测试结果， 在APP 中 圆图 变 方图。 在微信浏览器 上和 QQ 浏览器上 是圆形的， 在手机自带 浏览器上是 方图

Answer 1

不一定是程式碼的問題, 可能是手機核心的問題.

試試看這樣: border-radius 不必加到 @keyframes 中, 給圖片的父元素添加 border-radius, 但動畫還是寫在圖片上.