User 13204940 Ответов: 1

CSS тень текста с зажимом

Привет,

Мне очень нравится этот текстовый эффект со вставленной тенью, однако из-за разброса он также выходит за границы каждого символа. Есть ли какой-нибудь способ заставить тень просто быть внутри каждого персонажа?

#text
{
        font: bold 64px 'Open Sans';
        color: transparent;
        background-color: black;
        text-shadow: 0px 0px 20px rgba(255,255,255,0.5);
        -webkit-background-clip: text;
        -moz-background-clip: text;
        background-clip: text;
}


Предварительный просмотр: здесь[^]

Что я уже пробовал:

Добавление еще одной тени того же цвета, что и фон, не имело никакого эффекта

1 Ответов

Рейтинг:
2

aaronzeng 

 13
down vote
favorite
3
	

I am trying to achieve a gradient + text shadow effect in Chrome/Safari using CSS text-shadow and a combination of text-shadow and background-image: -webkit-gradient, see example blw. I can only make one of the effects apply(if I add the shadow the gradient disappears. What am I doing wrong?

h1 {
font-size: 100px;
background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 1px 1px #fff;
}

[no name]

Вам уже много раз говорили, чтобы вы перестали задавать вопросы на темы других людей.