Rozmyty tekst przy translateZ

[mario88]

Witam,
skorzystałem z funkcji translateZ() aby przybliżyć element ale po przybliżeniu tekst zawarty w tym elemencie uległ rozmyciu:

https://jsfiddle.net/x6ubgqku/1/

Da się to jakoś obejść za pomocą CSS?

Pozdrawiam

[Morfidon]

Hej,

Spróbuj:
https://css-tricks.com/almanac/properties/z/zoom/

[mario88]

Zauważyłem że można do tego samego celu wizualnie chociaż użyć funkcji scale zamiast translateZ. Efekt ten sam, a przy pomocy scale tekst sie nie rozmywa. Tylko troche animacje się różnią

https://jsfiddle.net/x6ubgqku/14/