• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

obrazek jako wypełnienie tekstu

VPS Starter Arubacloud
+1 głos
391 wizyt
pytanie zadane 5 września 2017 w HTML i CSS przez maciek77 Użytkownik (830 p.)

 

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

2 odpowiedzi

0 głosów
odpowiedź 5 września 2017 przez jankowa1ski Gaduła (3,560 p.)
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
komentarz 5 września 2017 przez jankowa1ski Gaduła (3,560 p.)
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
komentarz 5 września 2017 przez maciek77 Użytkownik (830 p.)
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...
komentarz 5 września 2017 przez jankowa1ski Gaduła (3,560 p.)
Możesz pokombinować coś z tą własnością:

https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip
komentarz 5 września 2017 przez maciek77 Użytkownik (830 p.)
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;
komentarz 5 września 2017 przez sc4rface Dyskutant (7,710 p.)
Pokaż fiddle jak możesz - jestem ciekaw jak to wygląda.
komentarz 5 września 2017 przez jankowa1ski Gaduła (3,560 p.)
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.
0 głosów
odpowiedź 6 września 2017 przez maciek77 Użytkownik (830 p.)
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.

Podobne pytania

0 głosów
1 odpowiedź 222 wizyt
pytanie zadane 5 marca 2019 w HTML i CSS przez mlodybuk Nowicjusz (170 p.)
0 głosów
0 odpowiedzi 148 wizyt
pytanie zadane 21 grudnia 2017 w HTML i CSS przez quardel Nowicjusz (170 p.)
0 głosów
1 odpowiedź 691 wizyt

92,452 zapytań

141,262 odpowiedzi

319,079 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...