[CSS] Rozmycie tła pod tekstem w CSS3

Question

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!

Answer 1

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

Comments

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

---

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

Answer 2

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.

Comments

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

---

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

Answer 3

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!

Comments

3 divy? jeden transparent drugi z kolorem.