Я хочу создать текст, где тело каждой буквы должно быть полностью прозрачным (или установить определенную непрозрачность), но форма его должна быть только границей.
В этом посте я видел способ создания границы вокруг текста. Тем не менее, он создается на основе фактического состояния текста, поэтому, если я изменяю его непрозрачность, граница реагирует на это.
Как я могу создать эту границу, которую я ищу?
Лучший способ сделать это - установить цвет текста в rgba (255,255,255,0), -webkit-text-stroke-width до 1px и -webkit-text-stroke-color до # 000 или любой другой цвет, который вы хотел бы использовать
Так будет:
h1 {
color:rgba(255,255,255,0);
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #000;
}
Возможно, эта ссылка вам поможет, у нее есть более подробная информация о цветах RGBA
Краткое введение в Opacity и RGBA
Надеюсь, что это поможет вам...
text-shadow
, но ключом к этому было установить цвет rgba(255,255,255,0)
. Я использовал только opacity
.
text-shadow
в сочетании с прозрачным цветом шрифта, тень всегда будет видна за «прозрачным цветом», так что это не совсем так, как вы описали.