CSS залить фон двумя цветами

Залить блок 2 цветами по вертикали

CSS:

.article-gradient-2color-ver {
    width: 100%;
    height: 400px;
    background: linear-gradient( to right, #dff0d8 0%, #dff0d8 50%, #31708f 50%, #31708f 100%);
}

Залить блок 2 цветами по горизонтали

CSS:

.article-gradient-2color-hor {
    width: 100%;
    height: 400px;
    background: linear-gradient( to top, #dff0d8 0%, #dff0d8 50%, #31708f 50%, #31708f 100%);
}

Рубрики: CSS

Если есть вопросы, что-то в статье не понятно или нашли ошибку, напишите об этом в комментариях, все комментарии читаются и по возможности материал будет доработан.
Популярные статьи

Оценка задач по верстке

В статье приведен список работ которые нужно учесть при оценке задач по верстке

Bitrix сгенерировать ошибку 404

В статье описан метод, который позволяет легко сгенерировать ошибку 404.

Крестовые походы

Погрузитесь в историю Крестовых походов: мрачная Европа, загадочный Восток и события, которые изменили мир.

Bitrix получить директорию шаблона

В статье приводится пример кода получения директории шаблона компонента

Bitrix получить ID текущего покупателя

В статье приводится пример кода для получения ID текущего покупателя в bitrix.

dreamShaper Сравнение стилей художников

Погрузитесь в мир цифрового искусства со Stable Diffusion и DreamShaper! В статье мы сравнили стили известных художников и подобрали ключевые слова, чтобы вы смогли создавать свои шедевры.

Комментарии

Влад [29.05.2023]
Спасибо! пригодилось в работе
Данный сайт использует файлы cookies. Продолжая просмотр сайта, вы соглашаетесь с использованием файлов cookies.
ОК