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 filter с параметром grayscale для создания черно-белых изображений. В статье написано как применять это свойство и есть наглядный пример его работы.
В статье описывается предложение HAVING, принцип работы, его отличие от предложения WHERE. Так же приведен пример использования.
В этой статье мы рассмотрим, как с помощью нейросетей можно создавать HTML-письма, что значительно ускоряет процесс разработки.
В статье приведен список работ которые нужно учесть при оценке задач по верстке
Погрузитесь в историю Крестовых походов: мрачная Европа, загадочный Восток и события, которые изменили мир.
Комментарии
Влад [29.05.2023]
Спасибо! пригодилось в работе