obrazek jako wypełnienie tekstu

Question

 

Można taki efekt osiągnąć w css? 

Answer 1

Nie wiem czy to działa ale może spróbuj dać tekstowi color:rgba() i tam ustawisz jakaś przezroczystość

Tak jak mowie nie wiem czy dzała z tekstem ale chyba powinno

Comments

Tylko pojawi sie tez problem ze jak zdjecie w tle masz czerowne lub dasz jakiegos diva ktory jest czerwony to zmiesza sie to z przezroczystym  tektem

---

tak jak kolega wyżej napisał, nie będzie to działać tak jak bym chciał...

najlepiej jak można by jako wypełnienie tekstu wstawić dowolny obrazek, a nie bazować na przeźroczystości...

---

Możesz pokombinować coś z tą własnością:

https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip

---

właśnie wpadłem na to na, więcej zostawię tylko na przyszłość rozwiązanie

color: white;
 background: url('') no-repeat;

 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;

---

Pokaż fiddle jak możesz - jestem ciekaw jak to wygląda.

---

Ja bym to tak zrobił:

https://jsfiddle.net/q8w97hxu/

Robiłem to szybko wiec jest byle jakie. Myśle że ten 1 div jest zbędny.

Answer 2

a jeszcze mam jedno pytanie co do tego przykładu. jak osiągnąć taki efekt czerwonego tła?

ja zrobiłem to tak, że dałem background-color odpowiedni i na to nałożyłem :afterem zdjęcie z odpowiednim opacity.

Ale efekt nie jest taki jak mam w psd, kolor jest tak jakby wyblakły. A nie chcę tego robić wstawiając gotowe zdjęcie z kolorem.