Повторяющийся CSS элемент фона через строго определенный промежуток?

Question

Подскажите, есть ли возможность средствами CSS задавать повторяющуюся лилию через каждые 400px высоты ? чтоб в независимости от размеров устройства с которого смотрели, линия повторялась через определенный промежуток.

Answer 1

Для получения нужного результата Вы можете воспользуйтесь функцией linear-gradient:

.wrapper {
  background: #f2f2f2;
}

.stripe {
  height: 1900px;
  background: linear-gradient(
    to bottom,
    transparent 99%,
    #000 99%
  );
  background-size: 100% 400px;
}

<div class="wrapper">
  <div class="stripe"></div> 
</div>

БЛОГ НА HUSL

Повторяющийся CSS элемент фона через строго определенный промежуток?

Ответы (1 шт):