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

问题描述

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

动画中

动画结束后

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

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

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

问题解答

不一定是代码的问题, 可能是手机内核的问题.

试试这样: border-radius 不必加到 @keyframes 中, 给图片的父元素添加 border-radius, 但动画还是写在图片上.