Как сделать такой же background?

Question

[Богдан Кучерук]

По ссылке как можно сделать такой же background как здесь?

Comments

[Lynn «Кофеман»]

https://developer.mozilla.org/en-US/docs/Web/CSS/g...

[Danny Arty]

Обычный градиент. Пробовали гуглить, сделать? Потому что иначе у вас задание, а не вопрос

[Евгения]

я бы предположила, что это что-то такое https://codepen.io/EugeniaAntonova/pen/vYbMKKM
только я цвета не поняла

[alexalexes]

Проведите диагональную линию, по фону и на равных расстояниях сделайте замеры пипеткой цвет (5-6 точек) - получите те же самые параметры опорных точек для своего градиента.

[Богдан Кучерук]

Danny Arty, Danny Arty,

background-repeat: no-repeat;
  background-size: 200% 200%,285% 500%,285% 500%,cover,cover;
background-image: radial-gradient(rgba(255,255,255,.25),rgba(255,255,255,0) 40%),radial-gradient(hsla(44,100%,66%,1) 30%,hsla(338,68%,65%,1),hsla(338,68%,65%,.4) 41%,transparent 52%),radial-gradient(hsla(272,100%,60%,1) 37%,transparent 46%),linear-gradient(155deg,transparent 65%,hsla(142,70%,49%,1) 95%),linear-gradient(45deg,hsla(213,100%,44%,1),hsla(209,100%,53%,1));
      background-position: bottom left,109% 68%,109% 68%,center,center;
      opacity: .08;

Вытащил) Обычный градиент, да))

[Богдан Кучерук]

AlexandraWeather, весь css:

background-repeat: no-repeat;
background-size: 200% 200%,285% 500%,285% 500%,cover,cover;
background-image: radial-gradient(rgba(255,255,255,.25),rgba(255,255,255,0) 40%),radial-gradient(hsla(44,100%,66%,1) 30%,hsla(338,68%,65%,1),hsla(338,68%,65%,.4) 41%,transparent 52%),radial-gradient(hsla(272,100%,60%,1) 37%,transparent 46%),linear-gradient(155deg,transparent 65%,hsla(142,70%,49%,1) 95%),linear-gradient(45deg,hsla(213,100%,44%,1),hsla(209,100%,53%,1));
background-position: bottom left,109% 68%,109% 68%,center,center;
opacity: .08;

Answer 1

[Богдан Кучерук]

background-repeat: no-repeat;
background-size: 200% 200%,285% 500%,285% 500%,cover,cover;
background-image: radial-gradient(rgba(255,255,255,.25),rgba(255,255,255,0) 40%),radial-gradient(hsla(44,100%,66%,1) 30%,hsla(338,68%,65%,1),hsla(338,68%,65%,.4) 41%,transparent 52%),radial-gradient(hsla(272,100%,60%,1) 37%,transparent 46%),linear-gradient(155deg,transparent 65%,hsla(142,70%,49%,1) 95%),linear-gradient(45deg,hsla(213,100%,44%,1),hsla(209,100%,53%,1));
background-position: bottom left,109% 68%,109% 68%,center,center;
opacity: .08;