Как сделать блок с двумя цветами?

Question

[Богдан]

Здравствуйте, подскажите пожалуйста, как сделать блок с двумя цветами?

Answer 1

[Арсений Матыцин]

1. Вложить 2 блока с разными фоновыми цветами.
2. Использовать линейный градиент.
3. Ольга: «Использовать псевдо-элемент с цветом + фон у самого блока»
4. Использовать SVG, его можно прикольно анимировать.

Comments

[Ольга]

3. Использовать псевдо-элемент с цветом + фон у самого блока

[WapSter]

Мой не подойдет, свойство repeat не дружит с bacground-size(

[Арсений Матыцин]

WapSter, щас поправим

[Богдан]

Спасибо большое, скорее всего нарисую SVG в Figma, поскольку элемент очень лёгкий.
Но другие варианты возьму на заметку.