Как сделать рамку вокруг тени текста?

Добрый день.
Я думал что нашёл как это сделать:
1A53RP0FGLjaMm.jpg
Но всплывает косяк при переносе строки:
5mdOGJVse9zyar.jpg
Причём вообще непонятно, с чего такое поведение.
Привожу код:
<span data-title="Выбранный вариант">Выбранный вариант</span>

span {
	position: relative;
	z-index: 1;
        color: #fff; /*Цвет текста*/
}
span::after {
	content: attr(data-title);
	color: transparent;
	-webkit-text-stroke: 1px #ea253f; /*цвет рамки у тени*/
	text-stroke: 1px #ea253f;
	position: absolute;
	left: 3px;
	top: 3px;
	z-index: -1;
	width: 100%;
}

Может кто-то знает другой вариант реализации такого эффекта? Искал, нашёл только это.
  • Вопрос задан
  • 96 просмотров
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Причём вообще непонятно, с чего такое поведение.

С того, что спан инлайн, а псевдо блочный.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Dimastik86
@Dimastik86
(isset($brain))?: die;
  1. можно сделать тупо шрифтом
  2. можно сделать тупо вектором
  3. ня

Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
16 июл. 2020, в 17:41
35000 руб./за проект
16 июл. 2020, в 17:26
3000 руб./за проект
16 июл. 2020, в 17:04
500 руб./в час