У меня есть радиальный градиент, который используется в качестве маски-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
Маска изображение, создайте прямоугольник из нескольких градиентов ⇐ CSS
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение