[CSS] Rozmycie tła pod tekstem w CSS3

pytanie zadane 5 sierpnia 2015 w HTML i CSS przez iwan9449 Pasjonat (20,810 p.)

Witam, jestem ciekaw czy można w standardzie css3 osiągnąć efekt lekkiego rozmysia tła pod tekstem. Z góry mówie, że nie chodzi mi o użycie bos-shadow. ;) Mam na myśli efekt jak przy filter: blur(2px);, ale tylko pod określonym tekstem.

Pozdrawiam!

3 odpowiedzi

odpowiedź 5 sierpnia 2015 przez Eimens Maniak (69,240 p.)
wybrane 5 sierpnia 2015 przez iwan9449

Najlepsza

Generalnie nie jest to łatwe :)

http://codepen.io/nikflip/pen/KpPdYR

Swojego czasu też zadałem to pytanie:

https://forum.pasja-informatyki.pl/37443/menu-z-efektem-blur

komentarz 5 sierpnia 2015 przez iwan9449 Pasjonat (20,810 p.)

Dokładnie o taki efekt mi chodziło! Dzięki wielkie! ;)

komentarz 5 sierpnia 2015 przez chris Gaduła (3,680 p.)

Myślałem, że chodzi ci o dosłownie to co pod tekstem.

odpowiedź 5 sierpnia 2015 przez chris Gaduła (3,680 p.)

Da się ale efekt jest słaby. Już podsyłam.
-webkit-text-fill-color: black; na transparent i masz swój efekt.
http://codepen.io/chris2907/pen/QbYNeG

Div na divie, z tym samym tłem i wymiarami. Z czego drugi to napis z użyciem fill.
Trzeba dodać jeszcze tekst.

komentarz 5 sierpnia 2015 przez Czort Nałogowiec (32,500 p.)

W tym przykładzie faktycznie ten efekt słabo wygląda, ale może jakiś łeb od designu zrobi z tego użytek;)

komentarz 5 sierpnia 2015 przez jaca121212 Nałogowiec (40,760 p.)

Tutaj można zobaczyć pod jakimi przeglądarkami działa ta komenda i pytanie czy ten efekt można uzyskać pod IE i mozzili

odpowiedź 5 sierpnia 2015 przez iwan9449 Pasjonat (20,810 p.)

Dzięki wielkie, prawie udało mi się osiągnąć efekt o jaki mi chodzi, ale gdy dodaje tekst w divie clipped to jest on rozmazany. Próbowałem dodać tekst poniżej i przesunąć do w górę, ale niestety tekst chowa się za rozmytym tłem (pomimo ustawinego z-index). Ma ktoś jakiś pomysł?

http://codepen.io/anon/pen/ZGwBxe

Pozdrawiam!