body {
background-color: white;
background-image: linear-gradient(45deg, black 25%, transparent 25%,transparent 75%, black 75%, black),
linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%,black);
background-size: 100px 100px;
background-position: 0 0, 50px 50px;
}

Как в вышеприведенном примере с «горошком», можно создать полностью бесшовный шаблон «шахматной доски». Этот метод требует чуть больше синтаксиса для своей работы, но безупречно смотрится во всех браузерах, поддерживающих CSS3. Также можно сменить значения цвета с черно-белого на любые подходящие к цветовой схеме вашего вебсайта.

Добавлено: 12 Апреля 2018 07:29:39 Добавил: Андрей Ковальчук Нравится 0

Добавить