Кейсы

За размытие содержимого элемента, включая картинки, отвечает функция blur(), которая применяется к свойству filter. Эта функция размывает всё на своём пути, поэтому сперва надо…

Чтобы сделать фон блока полупрозрачным применяется стилевая функция rgb() или любая другая функция, задающая цвет с уровнем прозрачности. Вот, к примеру, как с помощью свойства…

Для изменения цвета фона всей веб-страницы применяется свойство background-color (или универсальное background), которое добавляется к селектору body, а для цвета текста…

Браузеры позволяют добавлять к элементу произвольное число фоновых изображений, перечисляя параметры каждого фона через запятую. Достаточно воспользоваться универсальным свойством…

Для добавления тени к кнопке применяется стилевое свойство box-shadow, которое пишется в правилах для селектора button или подходящего класса кнопки. button { box-shadow: 0 0 5px…

К любому блочному элементу можно добавить тень с помощью стилевого свойства box-shadow. Его параметры отвечают за положение тени, степень размытия и цвет тени (рис. 1). Рис.…

Иногда при отображении веб-страницы в браузере вместо текста можно наблюдать ромбики или другие символы. Но совсем не тот текст, который мы ожидаем (рис. 1). Рис. 1. Нечитаемый…

По умолчанию, текст в заголовках <h1>, <h2>, <h3> и других, отображается жирным начертанием. Для установки нормальной насыщенности к этим селекторам нужно…

В CSS для определения полупрозрачного цвета есть специальный формат RGBA. Этот формат задаёт цвет в виде значений трёх компонент — красной, зелёной и синей, каждая из компонент…

Чтобы выделить отдельные слова в предложении жирным начертанием в HTML применяется два элемента: <b> — просто делает текст жирным; <strong> — говорит, что…