トランジションが正常に動作しない理由 - サファリ

私は 'トランジション'に大きく依存するサイトを持っています。これはChrome、FireFox、Operaで完全に機能します。特に「プロジェクト」をクリックすると、Safariで本当に気が散っています。「ボディ」は色を正しく変更しません。正しいコードを含めていますか？ページへトランジションが正常に動作しない理由 - サファリ

.line-bottom { 
     transition: 1.3s; 
    -webkit-transition: 1.3s; 
    }

リンク（WIPです、あなたは心部にはまります）：http://benjaminthomasgibbs.co.uk/

出典

2017-09-12 Benjamin Gibbs710

再描画バグのようです。 Safariの開発ツールを開くと、背景が正しく変更されます。私は前にも同様の問題があったので、Safariのバグだと思う。そのクリックイベントで再描画を強制すると、パフォーマンスの問題が発生する可能性があります。それがどうなるか教えてください。 – senojoeht

ああ大丈夫です。情報をありがとう！ –

Safariブラウザでは、あなたがこの

を試すことができます

これは、例えば一つの要素であります

.line_bottom { -webkit-の移行：1.3S }

あなたは、ブラウザの接頭辞を使用する必要がありますサファリの

出典

2017-09-12 15:43:48

すでに^^^は含まれていませんか？ –

これを試すことができます移行プロパティを追加する：すべての後Webkit-tranision –

いいえ動作しなかった、歓声tho –

トランジションが正常に動作しない理由 - サファリ

答えて

関連する問題