Blur/waas over gehele webpage tijdens slide van de slideshow.

Beste mensen,

Nadat jullie mij meerdere keren met ongelofelijk succes hebben kunnen helpen, ben ik terug met een nieuwe uitdaging.

Website

Stating the obvious:
Er verschijnt een subtiele waas over het gehele scherm als de slideshow van afbeelding wisselt.
Vooral als je naar een woord blijft kijken op het scherm is het goed op te merken.

Nu ga ik jullie natuurlijk vragen...
Enige suggesties om dit te verhelpen?

Veel dank!

~CPU Noob level 2 (+1 sinds de ervaring die ik hier heb opgedaan ::thumbsup:

Met Chrome / Firefox op OSX (laatste versies) zie ik geen waas. Met Safari zie ik wel dat de letters dunner worden. Het blijkt een bug te zijn in de browser waarbij de text-rendering gedurende een css transitie de anti-alias uitschakelt.

Zie bijvoorbeeld deze Stackoverflow voor meer info.

De beste oplossing lijkt dus te zijn om de volgende CSS toe te voegen:

[html]
body {
-webkit-font-smoothing: subpixel-antialiased
}
[/html]

Verwacht dat een browser update het probleem zal gaan verhelpen. Het is natuurlijk mogelijk om een alternatieve slider te gaan gebruiken die niet gebruikt maakt van CSS transitions, maar zo erg lijkt me deze bug niet.