トランジションは素晴らしいです！Capable Browserで使用する場合、最近まで、この用語には Chrome、Firefox、および Safari が含まれると思っていました...
純粋なトランジションと固定された背景を含む、かなり複雑なアニメーションのグループを試みています。background-imageChrome ではすべてがグレービーです。遷移を適用し、セットとbackground-attachment固定の親コンテナ内で要素を移動します。
私が観察したことから; サファリでは、あらゆる種類の遷移が発生するたびに backface-visibility:hidden がページ上のすべての要素、または確実に多くの先祖またはターゲット要素に添付されます。
backface-visibility:hidden;と組み合わせて使用すると、固定形式background-attatchment:fixed;のビューが削除されます こちら を参照してください。background-image
したがって、不透明度または 3D 変換を含むページ上の任意の場所でトランジションが発生すると、サファリがbackface-visibility効果を適用すると、画像がちらつき、再び元に戻ります。
この問題を回避する方法を知っている人はいますか? それはかなり面倒で、アップルがしばらくの間更新されるとは思えないので、解決策があることを願っています.