css - 移動端 oppo 手機之 Border-radius

問題描述

這是oppo R9M 測試機上的 的截圖

動畫中

動畫結束后

下面是 代碼， 我在起始狀態和 結束狀態 還有 動畫狀態 都添加了 border-radius : 50%;

問題 出在 哪里 呢， 求告知 以及 解決方案

下面是 在oppo 手機上的 測試結果， 在APP 中 圓圖 變 方圖。 在微信瀏覽器 上和 QQ 瀏覽器上 是圓形的， 在手機自帶 瀏覽器上是 方圖

問題解答

不一定是代碼的問題, 可能是手機內核的問題.

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