Воспроизведение размытого градиента в Tailwind/CSS ⇐ CSS

[Anonymous]

Я пытаюсь воспроизвести следующее размытие, найденное в прикрепленной карте:
Изображение, которое нужно воспроизвести
Я знаю, чего я пытаюсь достичь, должно быть очень похоже на маски-B-from-x%, но вместо того, чтобы исчезнуть в прозрачности, он должен исчезнуть в нижней части карты (а также у пристрастия Blur). /> Я попытался реализовать это, имея абсолютно позиционированное размытие фона, которое исчезает в прозрачности вверху, но я не получаю тот же эффект. < /p>
Мой код: < /p>

Код: Выделить всё

{Array(20).fill("You're an expert in Motion, React... ").join(" ")}

Вот что выведен в моем коде:
изображение, выведенное из моего кода

Подробнее здесь: https://stackoverflow.com/questions/796 ... ilwind-css