Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

Rozmywajace się tło

Zaczynasz dopiero swoją przygodę z HTML'em? A może mimo swojego doświadczenia natknąłeś się na jakiś problem? Tutaj na pewno znajdziesz pomoc.

Rozmywajace się tło

Post 11.10.2017, 21:24:34

Cześć :)

Zacząłem przygodę z tworzeniem stron www od dwóch dni, ale dość intensywnie :D
Przechodząc do tematu - mam menu składające się z kafelkow z boku i zastanawiam się nad jednym efektem. Chciałbym żeby po najechaniu na obiekt z menu cała reszta strony zachodzila "mgła" - zwyczajnie rozmywala się.
Jak czegoś takiego dokonać? Idzie zrobić to jeszcze w CSS czy tu już w grę wchodzi JavaScript?
Mysale
Posty: 1
Dołączył(a): 11.10.2017

Re: Rozmywajace się tło

Post 11.10.2017, 22:57:28

Rozmywanie możesz uzyskać za pomocą

Kod: Zaznacz cały
selektor {
    filter: blur(5px);
}

kwestia teraz, da się zapisać selektor, który będzie dopasowywał wszystkie elementy oprócz elementu z menu (to zależy od struktury Twojego dokumentu). Jeśli nie da się, to musisz się wspomóc JavaScriptem, za pomocą którego musisz CSSowi wskazać, które elementy ma rozmyć. Kwestia jeszcze wsparcia ze strony przeglądarek, które może być nieco niezadowalające http://caniuse.com/#feat=css-filters
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

Posty: 19587
Dołączył(a): 14.04.2002


Powrót do Początkujący webmaster


Kto przegląda forum

Użytkownicy przeglądający ten dział: Google Adsense [Bot] i 28 gości

Hosting, Domeny, SSL

Subskrypcja

Mamy 50441 zarejestrowanych użytkowników.
Najnowszy użytkownik: MarekMarszałek


Nasi użytkownicy napisali:

  • 935652 wiadomości
  • w 246577 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)