Установите непрозрачность текста на 0, но сохраняйте границу

0

Я хочу создать текст, где тело каждой буквы должно быть полностью прозрачным (или установить определенную непрозрачность), но форма его должна быть только границей.

В этом посте я видел способ создания границы вокруг текста. Тем не менее, он создается на основе фактического состояния текста, поэтому, если я изменяю его непрозрачность, граница реагирует на это.

Как я могу создать эту границу, которую я ищу?

  • 0
    Итак, вы в основном ищете CSS, который показывает только контур текста?
  • 0
    Что-то вроде этого? jsfiddle.net/B3zCq
Показать ещё 1 комментарий
Теги:

1 ответ

0
Лучший ответ

Лучший способ сделать это - установить цвет текста в 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

Надеюсь, что это поможет вам...

  • 0
    Вместо этого я использовал text-shadow , но ключом к этому было установить цвет rgba(255,255,255,0) . Я использовал только opacity .
  • 0
    Если вы использовали text-shadow в сочетании с прозрачным цветом шрифта, тень всегда будет видна за «прозрачным цветом», так что это не совсем так, как вы описали.
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню