Как сделать фон мозайкой?
Подскажите, как создать фон, чтобы при прокрутке фон сливался?
А сейчас получается, что верхний край изображения фона светлее, чем нижний, и при прокрутке видно границу фона.
https://jsfiddle.net/1rvurue4/
Можно ли как-то разрезать картинку, чтобы фон сливался?
Может быть сделать как-то с помощью svg, но чтобы было похоже.
.wrapper{
background-image: url(http://hvac-profi.com/pic/bg.jpg);
background-repeat: repeat;
width: 100%;
display: block;
height: 1500px;
}<div class="wrapper"></div><html>
<head>
<style>
body {
background-image: url("https://s8.hostingkartinok.com/uploads/images/2017/08/013d883b245dddf06388cd27dac6ca7c.jpg");
}
</style>
</head>
<body>
</body>
</html>Вариант № 1.
Вырезать один шестиугольник и повторить те стили что вы уже сделали. Получите однородный фон из одинаковых шестиугольников.
Вариант № 2 Подредактировать исходное изображение так что бы его верх и низ совпадали. Получите фон из разных шестиугольников идущих как бы полосами.
Вопрос скорее в том, какой результат требуется, от этого и отталкивайтесь.
П.С. Цсс не умеет анализировать картинки так что просто с помощтю стилей это не решить. В любом случае прийдется менять саму картинку.
-
09:21
Основные этапы разработки сайта для стоматологической клиники
-
12:26
-
10:30
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
-
20:41
-
06:31
- Почему SERVER_ADDR имеет не тот IP 50108 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31919 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26070 visits
- Как через css изменить цвет png изображения? 11737 visits
- Blob video url download 11285 visits
- Php curl запрос через прокси с авторизацией 10690 visits
- Работа с captcha vk api 9486 visits
© "hostciti.net" 04.2.2026 | 03:36