lustrzane odbicie tekstu w css

pytanie zadane 7 kwietnia 2017 w HTML i CSS przez Madeleine Nowicjusz (120 p.)

Dżemdobry,

od bardzo bardzo niedawna, uczę się technologii frontendowych. Nie jestem żadnym webmasterem, ani informatykiem, po prostu, nudziło mi się. A potem spodobały mi się filmy Pana Zelenta i wciągnęłam się Próbuję uzyskać efekt lustrzanego odbicia tekstu, który jest umieszczony w divie. Kody które znalazłam w goglach nie działają, stąd pozostaje mi poprosić o pomoc bardziej doświadczonych.

w html div wygląda tak:

<body>
<div id="container">
<div id="logo">Czy chcesz dowiedzieć się co jest po drugiej stronie?
</div>

(container jest zamknięty dalej, za ostatnim divem) a w css wygląda to tak:

#logo
{
width:880px;
height:50px;
text-align:center;
padding:130px 10px;
font-family: 'Jim Nightshade', sans-serif;
font-size: 50px;
text-shadow:2px 0 #262626;
-webkit-box-reflect: below 5px linear-gradient white, gray;

}

ostatnia linijka miała służyć właśnie za niby lustrzane odbicie ale nie działa.

Bardzo proszę o wyrozumiałość dla raczkującej osoby w tym temacie. Pozdro

1 odpowiedź

odpowiedź 7 kwietnia 2017 przez Bogurodzica Nowicjusz (240 p.)

Źle zdefiniowałaś linear-gradient, jego wartość powinna zostać podana w nawiasach.

#logo { 
    width:880px; 
    height:50px; 
    text-align:center; 
    font-family: 'Jim Nightshade', sans-serif; 
    font-size: 50px; 
    text-shadow:2px 0 #262626; 
    -webkit-box-reflect: below 0px linear-gradient(black, black);
 }