Как сделать фон мозайкой?
Подскажите, как создать фон, чтобы при прокрутке фон сливался?
А сейчас получается, что верхний край изображения фона светлее, чем нижний, и при прокрутке видно границу фона.
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 Подредактировать исходное изображение так что бы его верх и низ совпадали. Получите фон из разных шестиугольников идущих как бы полосами.
Вопрос скорее в том, какой результат требуется, от этого и отталкивайтесь.
П.С. Цсс не умеет анализировать картинки так что просто с помощтю стилей это не решить. В любом случае прийдется менять саму картинку.
- Почему SERVER_ADDR имеет не тот IP 47699 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30546 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23726 visits
- Как через css изменить цвет png изображения? 10373 visits
- Blob video url download 9981 visits
- Php curl запрос через прокси с авторизацией 9240 visits
- Работа с captcha vk api 8117 visits
© "hostciti.net" 26.1.2025 | 11:53