pourquoi les transitions ne fonctionnent pas correctement - safari

J'ai un site qui dépend fortement de 'transitions'. Cela fonctionne parfaitement sur Chrome, FireFox et Opera. Cela fait vraiment du bien sur Safari - en particulier lorsque vous cliquez sur 'projets' - le 'corps' ne change pas correctement de couleur. Est-ce que j'inclus le bon code?pourquoi les transitions ne fonctionnent pas correctement - safari

Ceci est un élément par exemple:

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

Lien vers la page (qui est un WIP, vous serez coincé sur la section de l'esprit): http://benjaminthomasgibbs.co.uk/

Source

2017-09-12 Benjamin Gibbs710

Cela ressemble à un bogue de repaint. Lorsque vous ouvrez les outils de développement de Safari, l'arrière-plan change correctement. Je pense que c'est un bug dans Safari car j'ai déjà eu des problèmes similaires. Vous pourriez envisager de forcer un repeindre sur cet événement de clic, bien que cela pourrait causer des problèmes de performance. Dites-moi comment ça se passe. – senojoeht

Ah d'accord. Merci pour l'info! –

Dans navigateur Safari, vous pouvez essayer cette

.line_bottom { -webkit transition: 1.3s }

Vous devez utiliser le préfixe du navigateur en safari

Source

2017-09-12 15:43:48

Est-ce que je n'ai pas déjà inclus ça ^^^? –

Pouvez-vous essayer cette propriété de transition ajouter: tout après webkit-tranision –

Non n'a pas fonctionné, acclamations tho –

pourquoi les transitions ne fonctionnent pas correctement - safari

Répondre

Questions connexes