Как сделать белую тень вокруг обрезанного текста более интенсивной или «белее»?CSS

Разбираемся в CSS
Ответить
Anonymous
 Как сделать белую тень вокруг обрезанного текста более интенсивной или «белее»?

Сообщение Anonymous »


Изображение

Мне нужен (2) эффект, при котором белая тень текста выглядит почти на 100% белой и делает эффект более резким, но мне, похоже, нужна непрозрачность, чтобы создать среднюю часть. (1) и (3) были моими попытками поиграться с непрозрачностью тени текста, но у меня ничего не получилось.
Я использую CSS background-clip: text для создания текстового эффекта, при котором текст заполняется цветом фона и имеет белую тень, которая «растекается» вокруг него. Однако белая тень выглядит несколько полупрозрачной и не такой яркой или сплошной белой, как хотелось бы.
Как мне настроить CSS так, чтобы белая тень вокруг текста была более яркой и чисто белой, а не полупрозрачной или тусклой?
Вот мой текущий код:
Jsbin: https://jsbin.com/pipamuqaze/edit?html,css,output

Код: Выделить всё






Emporium

body {
color: #4e4e4e;
font-family: Fantasy;
background-image: linear-gradient(120deg, rgba(220, 236, 255, 0.8) 0%, #f0f4f8 100%);
background-attachment: fixed;
background-size: cover;
margin: 0;
padding: 0;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}

.engraved {
font-size: 100px;
font-family: Futura;
background-color: #8598C8;
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent;
text-shadow: rgba(255, 255, 255, 0.65) 2px 3px 1px;
}




Emporium





Подробнее здесь: https://stackoverflow.com/questions/796 ... re-intense
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»