Witam! Mam dwa elementy:
main
transform-style: preserve-3d;
transform: perspective(500px);
sub
transform: translateZ(50px)
Działa to w ten sposób, że element sub jest wysunięty 50px "w strone użytkownika" po osi Z elementu main, a ze względu na działanie perspektywy w elemencie main wydaje się być większy i.. niestety rozmyty.
Owe rozmycie nie działa na grafikę SVG tylko i wyłącznie, jako "rozwiązanie" znalazlem dodanie zoomu do blurowanego elementu, problem w tym że ustawienie dokladnej wartości zoomu aby usunąć rozmycie jest bardzo trudne, a dla ruszających elementów prawie nie możliwe.
Natomiast widzialem na różnych stronach z dobrze ukrytym kodem że napisy na elementach poruszających się po osi Z nie rozmywają się, nawet darmowa biblioteka KUTE.js posiada pewną funkcje która robi coś podobnego.
Jak najprościej naprawić ten blur dla napisów?