Serwis tympanus.net przygotował pokaz możliwości CSS3 właśnie w aspekcie wyróżniania konkretnych elementów na stronie zawierających tekst. Jak działa? Otóż skrypt po najechaniu na wybrany boks z tekstem powoduje wyróżnienie wybranej części strony tym samym powodując rozmycie jej pozostałych elementów – w taki sposób by skupić uwagę użytkownika.

Skrypt stworzony został za pomocą CSS3 jak i dodatkowo biblioteki jQuery. Na starszych przeglądarkach, efektu nie uraczycie – będzie potrzebna najświeższa przeglądarka Firefox lub Chrome.

[s_button link=”https://tympanus.net/Tutorials/ItemBlur/” color=”#57839F” ]Demo[/s_button] [s_button link=”https://tympanus.net/codrops/2011/12/14/item-blur-effect-with-css3-and-jquery/” color=”#57839F” ]Pobierz[/s_button]