Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Rozmyte tło za półprzeźroczystym tborder działający na wszystkich przeglądarkach

Szukam  Założony przez  DavivaD.

Adres forum:
https://vixafrag.pl/

Wersja silnika:
1.8.19

Opis problemu:
Szukam możliwości rozmycia tła za półprzeźroczystym tborder.

Obecnie do tego celu wykorzystuję eksperymentalnego:
backdrop-filter: blur(5px);
Który wygląda obecnie tak:
[Obrazek: GMOJvJO.jpg]
Ale niestety jest domyślnie wyłączony w ustawieniach/flagach przeglądarek.

Jest jakeś alternatywne rozwiązanie na rozmycie tła za tborderem który będzie działał na wszystkich przeglądarkach?
filter jest lepiej wspierane, ale wciąz nienajlepiej.
Możesz tło strony zrobić rozmyte w programie graficznym, a następnie ustawić je jako tło tego co ma być rozmyte i nadajesz my background size. Nie jest to ładne rozwiązanie, ale najlepiej wspierane.
Filter z tego co pamiętam działał spoko na blinku, ale na gecko jednak lagowalo troszkę.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
Tak jak kolega wyżej piszę, najlepiej zrobić sobie w programie graficznym rozmazane tło jeżeli chcesz to pisz priv to ci zrobię. W CSS grafiki nie zrobisz rozmytej :)
(25.12.2018, 14:30)Inferno-WEB napisał(a): Tak jak kolega wyżej piszę, najlepiej zrobić sobie w programie graficznym rozmazane tło jeżeli chcesz to pisz priv to ci zrobię. W CSS grafiki nie zrobisz rozmytej :)
Zrobić zrobi używając svg lub filtru, ale pełnego wsparcia nie będzie lub efekt będzie się różnił na poszczególnych silnikach.
Pomimo tego że da się rozmazać tło za pomocą css, raczej nie da to oczekiwanego przez autora tematu efektu.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.



Użytkownicy przeglądający ten wątek:

2 gości