@boxFight

Как правильно задать градиент?

ниже скрин с фигмы
6654ad9b60695247347286.jpeg
в фигме предупреждение
background: radial-gradient(1981.91% 141.42% at 0% 100%,rgb(80, 71, 64),rgb(92, 67, 89) 16.363%,rgb(56, 43, 63) 42.194%,rgb(23, 23, 23) 100%)/* Предупреждение: градиент использует вращение, не поддерживаемое CSS, и может работать не так, как ожидается. */;

А вот что получаю сейчас

https://jsbin.com/liporanafu/1/edit?html,css,output
  • Вопрос задан
  • 99 просмотров
Решения вопроса 1
KarnaDev
@KarnaDev
Frontend developer
Можно попробовать так
div {
  border-radius: 32px;
  height: 515px;
  max-width: 1228px;
  width: 100%;
  background: radial-gradient(circle at bottom left, 
    rgb(80, 71, 64), 
    rgb(92, 67, 89) 16.363%, 
    rgb(56, 43, 63) 42.194%, 
    rgb(23, 23, 23) 100%);
  /* Градиент начинается от нижнего левого угла и идет к правому верхнему углу */
}

radial-gradient позволяет указать начальную точку градиента. В вашем случае circle at bottom left, чтобы установить начало в нижнем левом углу
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы