Как сверстать тень вокруг текста?

Question

[pet1987]

Всем доброго времени суток!
Верстаю такой блок:

Не знаю как сверстать текст на фоне белой полупрозрачной тени. Именно как эту тень в CSS сделать.
Если делать так:

p {    
    background: #e0e9fa;
    opacity: 0.6;
}

То тень получается прямоугольная.

Comments

[i1yas]

Используйте text-shadow

Answer 1

[jamtuson]

Псевдоэлемент тексту в виде большого белого прямоугольника с закруглением в 20%, небольшой прозрачностью(opacity) и размытием: filter: blur в пикселей 9.

Comments

[pet1987]

А как это в CSS реализовать?

[jamtuson]

https://jsfiddle.net/ctqr9bfz/2/
на скорую руку решение. Можно подогнать под себя, но, думаю, идея понятна

Answer 2

[Антон Р.]

text-shadow: 0 2px 2px rgba(255, 255, 255, 0.50);

Answer 3

[pet1987]

text-shadow не походит наверное. Сделал так:
text-shadow: 0 2px 2px rgba(255, 255, 255, 0.50);
Но тени совсем не видно.

Comments

[Lynn «Кофеман»]

Ну увеличьте размеры и размытие

[pet1987]

Алексей Тен,
А как это сделать? Подскажите синтаксис CSS кода пожалуйста.

[hzzzzl]

https://html-css-js.com/css/generator/text-shadow/

[pet1987]

хм.. Но не получается даже на генераторе.
Я почитал про CSS свойство text-shadow:
text-shadow: none | тень [,тень]*
где тень:
<сдвиг по x> <сдвиг по y> <радиус размытия> <цвет>

Но не получается сделать большой радиус размытия. В генераторе выставляю максимальное значение радиуса размытия, но его хе хватает.
И как одновременно сдвиг по x и сдвиг по y?