Перекрытие градиента с повторяющимся линейным градиентом в CSS (или попутным ветром, если возможно) ⇐ CSS

[Anonymous]

Что мне удалось сделать:


Что я хочу:


Я хочу добавить эти белые линии. Мне нужно ровно 25 из них, распределенных равномерно, независимо от размера элемента.
Вот код:

Код: Выделить всё

.div {
height: 50px;
background-image:
repeating-linear-gradient(90deg, transparent, transparent 10px, white 10px, white 14px),
linear-gradient(90deg,#ff5e6d,#ffd255,#92d6a5);
}

Я пробовал использовать функцию Calc() в CSS, но мне не удалось заставить ее работать.

Подробнее здесь: https://stackoverflow.com/questions/791 ... lwind-if-p