DEV: CSS градиенты (см. на странице «Все пространства»)

Градиенты CSS позволяют отображать плавные переходы между двумя или более указанными цветами.

CSS определяет два типа градиентов:

• Линейные градиенты (идет вниз / вверх / влево / вправо / по диагонали)
• Радиальные градиенты (определяемые их центром)

Линейные градиенты CSS

Чтобы создать линейный градиент, вы должны определить как минимум две точки цвета. Цветовые точки — это цвета, между которыми вы хотите сделать плавные переходы. Вы также можете установить начальную точку и направление (или угол) вместе с эффектом градиента.

Использование углов

Если вам нужен больший контроль над направлением градиента, вы можете определить угол вместо предопределенных направлений (вниз, вверх, вправо, влево, вправо внизу и т.д.). Значение 0deg эквивалентно «to top». Значение 90deg эквивалентно «вправо». Значение 180deg эквивалентно «вниз».

Использование прозрачности

Градиенты CSS также поддерживают прозрачность, которую можно использовать для создания эффектов затухания.

Чтобы добавить прозрачности, мы используем функцию rgba () для определения цветовых точек. Последний параметр в функции rgba () может иметь значение от 0 до 1, и он определяет прозрачность цвета: 0 означает полную прозрачность, 1 означает полный цвет (отсутствие прозрачности).

Страница, где это понадобилось: все пространства

background: linear-gradient(77.64deg, #000000 1.67%, rgba(0, 0, 0, 0.25) 49.6%);

Поскольку в Пространствах у нас всё данные есть, возможно имеет смысл вывести их так, как выведены сейчас?

Есть полное изображение обложки, есть превью обложки, есть логотип и есть цвет пространства.

Почему бы их не использовать, например, на странице всех пространств?

Что думаете?

P.S. Контл+F5 как-то так, чтобы обновить кеш. Пространство meta — пространство по умолчанию. На него невозможно подписаться / отписаться. Данное пространство используется, как объявления. Что-то очень важное. Надо сократить тут писанину…