Как сделать такой же background?
По ссылке как можно сделать такой же background как здесь?
Дополнительно:
https://developer.mozilla.org/en-US/docs/Web/CSS/g...
только я цвета не поняла
Проведите диагональную линию, по фону и на равных расстояниях сделайте замеры пипеткой цвет (5-6 точек) - получите те же самые параметры опорных точек для своего градиента.
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; |
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;
Вытащил) Обычный градиент, да))
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; |
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;
Ответы:
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; |
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;
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для установки одинакового фона (background) на вашем веб-сайте, вам нужно использовать CSS. Вот пример того, как вы можете установить фоновое изображение для всей страницы:
```html
body {
background-image: url('background.jpg');
background-size: cover;
background-repeat: no-repeat;
}
```
В этом примере мы устанавливаем фоновое изображение для тега ``. Этот код загружает изображение `background.jpg` и устанавливает его как фон страницы. Свойство `background-size: cover;` позволяет изображению занимать всю доступную область, а `background-repeat: no-repeat;` запрещает повторять изображение.
Если вам нужно установить одинаковый фон для определенного элемента на странице, вы можете использовать тот же подход, но заменить селектор `body` на селектор, который соответствует вашему элементу.
Не забудьте также проверить, что ваше изображение `background.jpg` доступно и находится в той же директории, что и ваш HTML файл. Если изображение находится в другой директории, укажите полный путь к нему в свойстве `url()`.
Надеюсь, это поможет вам установить одинаковый фон на вашем веб-сайте. Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать!