Chrome CSS3 transition bug

Pagina: 1
Acties:

Acties:
  • 0 Henk 'm!

  • Coen de Zeeuw
  • Registratie: December 2012
  • Laatst online: 15-05-2024
Beste medetweakers,

In Chrome lijkt er een bug te zijn met CSS3 transformaties. Als ik bepaalde elementen heb gekanteld dan worden deze "kartelig". Via Google had ik al een aantal suggesties gevonden bijv:

- TranslateZ(0) op het element gebruiken
- Backface-visibility op het element gebruiken

Wanneer ik deze toepas op het betreffende element dan worden andere elementen zo gerenderd, hierdoor zijn afbeeldingen en teksten opeens wazig.

Ik kan geen absolute positioning gebruiken voor de teksten en afbeeldingen. Heeft iemand een oplossing? Thanks!!

Met backface-visbility, op de Social Media balk:

Afbeeldingslocatie: http://i62.tinypic.com/2cp93yx.png

Zonder backface-visibility op de Social Media balk:

Afbeeldingslocatie: http://i58.tinypic.com/2qsc85h.png

[ Voor 16% gewijzigd door Coen de Zeeuw op 03-10-2014 15:52 ]


Acties:
  • 0 Henk 'm!

  • MoietyMe
  • Registratie: Juli 2003
  • Laatst online: 26-05 08:10

MoietyMe

zij/haar

Kan je een testcase pos;ten op codepen.io of een andere omgeving, dan kunnen we ook meekijken.