html5 - CSS3动画执行过程中导致显示模糊
PHP中文网
PHP中文网 2017-04-17 14:56:55
0
3
648

问题:H5页面在执行元素的动画(如ZoomIn,循环5次)过程中,动画元素(如文字、图片等)会显示模糊,当动画执行完毕之后才会正常显示。

问题截图:

目前这个问题在PC端和移动端都会出现,网上查找相关问题无果,特在此提问,希望大家能帮忙解惑。

PHP中文网
PHP中文网

认证0级讲师

全員に返信(3)
黄舟

http://www.cnblogs.com/rubylo...

いいねを押す +0
Peter_Zhu

使用されている rem 単位に小数点があるため、私もこの問題に遭遇しました。 px を整数に変更すると、曖昧さが少なくなります。
具体的な理由は、依然としてブラウザの CSS3 アニメーション レンダリング プロセスに問題がある可能性があります。注意して専門家の回答をお待ちください。

いいねを押す +0
巴扎黑

インターネット上の関連情報には、3D アニメーションで小数点設定が使用されているため、計算される px 値が非整数になり、ぼやける問題が発生するためであるとされていますが、具体的な理由はまだ特定されていません。また、使用する必要のある 3D アニメーションによっては、小数倍数またはパーセントの倍数しか設定できないものがあるため、計算結果が整数であることを完全に保証できないため、この方向では問題を完全に解決できない可能性があります。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート