seoperin
@seoperin
Full stack web developer. Laravel / Vue

Как разделить фон пополам на 2 цвета на css?

Есть такой макет
631b58c413.png
Как можно задать фон серым и белым пополам на css (без картинки в фоне), не задавая их отдельно левому и правому блокам? То есть нужно задать фон для общего блока. Есть такие способы?
  • Вопрос задан
  • 35254 просмотра
Решения вопроса 2
Если вы именно у одного блока хотите задать двойной фон то так:
.wrapper {
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, green 50%, red 50%);
}
Ответ написан
При помощи linear-gradient. Код, что в jsfiddle, сгенерирован через gradient generator, который я вам и рекомендую.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Или так jsfiddle.net/1898d5wz/14
Ответ написан
Комментировать
@cc08
А как по диагонали разделить цвета ?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы