問題描述

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

動畫中

動畫結(jié)束后

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

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

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

問題解答

不一定是代碼的問題, 可能是手機內(nèi)核的問題.

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