• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

CSS - rozmycie tekstu (preserve-3d)

Aruba Cloud - Virtual Private Server VPS
0 głosów
441 wizyt
pytanie zadane 18 marca 2019 w HTML i CSS przez MrxCI Dyskutant (8,260 p.)

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?

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
1 odpowiedź 1,016 wizyt
pytanie zadane 10 września 2017 w HTML i CSS przez pebrzosky Obywatel (1,160 p.)
0 głosów
2 odpowiedzi 723 wizyt
pytanie zadane 26 stycznia 2017 w HTML i CSS przez Meggie Nowicjusz (120 p.)
0 głosów
2 odpowiedzi 584 wizyt
pytanie zadane 15 lipca 2020 w HTML i CSS przez Marak123 Stary wyjadacz (11,190 p.)

93,324 zapytań

142,323 odpowiedzi

322,390 komentarzy

62,653 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...