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

CSS shadow na tekscie

0 głosów
332 wizyt
pytanie zadane 14 marca 2020 w HTML i CSS przez Grzegorz Mikina Dyskutant (8,060 p.)
h1 {
            color: white;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 40px;
            font-family: tahoma, sans serif;
            box-shadow: 0 0 3px 10px black;
        }

Chcę zrobić ten box-shadow na tekscie samym, oblać same litery, jak mogę tego dokonać?

komentarz 14 marca 2020 przez Grzegorz Mikina Dyskutant (8,060 p.)
<body>
    <header>
        <img class="slider" src="images/1.jpg" alt="styczen">
        <h1 class="slider">Styczeń</h1>
        <div class="dots">
            <span id="one" class="active"></span>
            <span id="two"></span>
            <span id="three"></span>
   </header>
</body>

Tu jest fragment kodu html wyrwany z kontekstu

1 odpowiedź

0 głosów
odpowiedź 14 marca 2020 przez SzkolnyAdmin Szeryf (90,290 p.)
text-shadow
komentarz 14 marca 2020 przez Grzegorz Mikina Dyskutant (8,060 p.)
No właśnie nie działa, przynajmniej nie na h1
komentarz 15 marca 2020 przez SzkolnyAdmin Szeryf (90,290 p.)

Dodałem dla h1 w CSS:

text-shadow: 0 0 10px red;

i masz białe litery na czerwonym rozmytym tle.

Napisz, co konkretnie chcesz osiągnąć.

Podobne pytania

0 głosów
2 odpowiedzi 1,473 wizyt
0 głosów
0 odpowiedzi 207 wizyt
pytanie zadane 30 sierpnia 2018 w HTML i CSS przez niezalogowany
0 głosów
1 odpowiedź 853 wizyt
pytanie zadane 14 grudnia 2017 w HTML i CSS przez madmi121 Użytkownik (760 p.)

93,720 zapytań

142,641 odpowiedzi

323,265 komentarzy

63,268 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

Twierdza Linux. Bezpieczeństwo dla dociekliwych

Aby uzyskać rabat -10%, użyjcie kodu pasja-linux, wpisując go w specjalne pole w koszyku.

...