Маска изображение, создайте прямоугольник из нескольких градиентов ⇐ CSS

[Anonymous]

У меня есть радиальный градиент, который используется в качестве маски-image «исчезает» изображение в фоновом цвете за изображение.

mask-image: radial-gradient(ellipse at center, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
< /code>

Как мне получить тот же эффект с равномерно прямоугольным градиентом на всех четырех сторонах?img
{
mask-image:
linear-gradient(to top, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 50%),
linear-gradient(to right, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 50%),
linear-gradient(to bottom, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 50%),
linear-gradient(to left, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 50%);
}


Подробнее здесь: https://stackoverflow.com/questions/605 ... -gradients