CSS Pseudo (:before & :after) hover transitions

Door Eschwin Moerkerken op 15-09-2015 16:08

3.179 views

Goedenmiddag,

Sinds ik ben geupgrade naar windows 10 (en waarschijnlijk mijn chrome automatisch geüpdatet is van 44 naar 45.0.2454.85m) werken de transitions niet meer op mijn :before en :after elementen wanneer ik hier overheen hover.

In firefox, safari, opera en andere browsers (zowel desktop, tablet als mobiel) werken deze nog wel allemaal.
Over dit probleem kan ik dan ook verder op het internet niks vinden zo snel dat ik er even naar heb gezocht.

Hebben nog meer mensen hier last van of weet iemand een 'workaround' voor deze 'bug'? Als dit al een bug te noemen is.

Daan Slagter

15-09-2015 19:45 gewijzigd op 15-09-2015 19:45

Het zou wel gewoon moeten werken volgens: http://caniuse.com/#search=%3Abefore

J Johan K

15-09-2015 23:10 gewijzigd op 15-09-2015 23:13

Zonder een sample code valt er weinig over te zeggen, behalve dat je misschien de "-webkit-" prefix weg kunt halen? Misschien heb je wel je CSS transform eerst en later de -webkit- prefix gebruikt?

Zelf gebruik ik ook transform, en nog geen problemen gehad (al dat ik het alleen in ff en chrome kan testen)

Eschwin Moerkerken

16-09-2015 09:01 gewijzigd op 16-09-2015 09:01

Voorbeeld

Mijn voorbeeld werkt vreemd genoeg wel in jsbin. Vreemd genoeg heb ik hem exact hetzelfde in mijn website en werkt hij van de ene op de andere dag niet meer.

[size=xsmall]Toevoeging op 16/09/2015 09:18:35:[/size]

Heb de 'bug' al gevonden. Kennelijk moet een anchor in een table een display:block; of display:inline-block; hebben voordat deze een pseudo element transition kan hebben.

Bedankt voor het meedenken! Mocht nog iemand op dit probleem stuiten, check dan áltijd even of je parent wel een position:relative; heeft als je pseudo een position:absolute; heeft en probeer wat met display te spelen!

Kennelijk had ik wat veranderd in mijn CSS na het overstappen op windows 10 of updaten van google chrome waardoor ik dacht dat dit de fout veroorzaakte (aangezien het in andere browsers wel prima werkte).

Reageren

Inloggen om te reageren