Как я могу сделать белый текстовый тень вокруг моего обрезанного текста более интенсивным или «белее»? ⇐ CSS
Как я могу сделать белый текстовый тень вокруг моего обрезанного текста более интенсивным или «белее»?
Я ищу (2) эффект, где белый текстовый тень выглядит почти на 100% белым и делает эффект более резким, но мне, кажется, нужно непрозрачность, чтобы создать среднюю часть. (1) и (3) были моими попытками возиться с непрозрачностью текстовой тени, но не могу добраться туда. Тем не менее, белая тень выглядит несколько прозрачно и не такая яркая или сплошная белая, как мне бы хотелось. https://jsbin.com/pipamuqaze/edit?html,cs, 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
Я ищу (2) эффект, где белый текстовый тень выглядит почти на 100% белым и делает эффект более резким, но мне, кажется, нужно непрозрачность, чтобы создать среднюю часть. (1) и (3) были моими попытками возиться с непрозрачностью текстовой тени, но не могу добраться туда. Тем не менее, белая тень выглядит несколько прозрачно и не такая яркая или сплошная белая, как мне бы хотелось. https://jsbin.com/pipamuqaze/edit?html,cs, 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
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение
-
-
Как я могу принять невыписным способом как интенсивным, так и ценностям этого перевода?
Anonymous » » в форуме Python - 0 Ответы
- 1 Просмотры
-
Последнее сообщение Anonymous
-