Комбинирование градиентов CSS и цветов фонаCSS

Разбираемся в CSS
Ответить
Anonymous
 Комбинирование градиентов CSS и цветов фона

Сообщение Anonymous »

Я пытаюсь создать фон для главного раздела проекта. У меня возникли проблемы с тем, чтобы градиенты и цвет фона работали вместе должным образом.
Я попробовал настроить порядок слоев и режимы наложения, но результат по-прежнему выглядит не очень хорошо. Есть какие-нибудь советы по объединению этих элементов?
Вот ссылка на файл Figma.
Мне удалось получить стиль из Figma DevMode, но я не уверен, как правильно их интегрировать:

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

// From bottom to top
background: #08081B;
width: 1440px;
height: 849px;
flex-shrink: 0;

// Left side
background: conic-gradient(from 90deg at 119.17% 56.2%, #F8F8F8 0deg, #AAA 320.4deg, #000 360deg);
mix-blend-mode: color-dodge;
width: 720px;
height: 1024px;
flex-shrink: 0;

// Right side
fill: conic-gradient(from 90deg at 88.06% 26.71%, #F8F8F8 0deg, #AAA 320.4deg, #000 360deg);
mix-blend-mode: color-dodge;
width: 720px;
height: 1024px;
flex-shrink: 0;

// Additional gradient
background: linear-gradient(180deg, #08081B 0%, rgba(8, 8, 27, 0.00) 50%, #08081B 100%);

Изображение


Подробнее здесь: https://stackoverflow.com/questions/796 ... nd-colours
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»