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

Прикладной визуальный дизайн

Создание Визуального Баланса С Помощью Свойства Text-Align
Регулируем Ширину Элемента С Помощью Свойства Width
Регулируем Высоту Элемента С Помощью Свойства Height
Используем Тег Strong, Чтобы Сделать Текст Полужирным
Используем Тег U Для Подчеркивания Текста
Используем Тег Em Для Выделения Текста Курсивом
Используем Тег S Для Зачеркивания Текста
Создаем Горизонтальную Линию С Помощью Тега Hr
Добавляем Свойство Background-Color Для Текста
Изменяем Размер Заголовка
Добавляем Тень Для Блочного Элемента
Уменьшаем Прозрачность Элемента
Используем Свойство Text-Transform, Чтобы Изменить Начертания Текста
Устанавливаем Размер Шрифта Для Нескольких Элементов Заголовка
Устанавливаем Начертание Шрифта Для Нескольких Элементов Заголовка
Устанавливаем Размер Шрифта Для Параграфа
Устанавливаем Свойство Line-Height Для Тега Параграфа
Меняем Поведение Элемента При Наведении Курсора
Используем Свойство Css Transform Scale, Чтобы Изменить Размер Элемента
Используем Свойство Css Transform Scale Для Масштабирования Элемента При Наведении Курсора
Используем Свойство Css Transform Skewx, Чтобы Наклонить Элемент Вдоль Оси X
Используем Свойство Css Transform Skewy, Чтобы Наклонить Элемент Вдоль Оси Y
Создаем Графику С Помощью Css
Создаем Более Сложную Форму С Помощью Css И Html
Знакомимся Как Работают Css @Keyframes И Свойства Анимации
Использование Css-Анимации Для Изменения Состояния Кнопки При Наведении Курсора
Измененяем Режим Заливки Анимации
Создаем Движение С Помощью Css-Анимации
Создаем Анимацию Движения С Затуханием Элемент Слева Направо
Непрерывная Анимация Элементов С Использованием Бесконечного Количества Анимаций
Содаем Непрерывную Css Анимацию Серцебиения
Анимируем Элементы С Переменной Скоростью
Анимируйте Несколько Элементов С Переменной Скоростью
Изменяем Время Анимации С Помощью Ключевых Слов
Изучаем Как Работают Кривые Безье
Использование Кривой Безье Для Перемещения Графики
Делаем Движение Анимации Более Естественным С Помощью Кривой Безье
Задача
HTML
CSS
JS

Создаем текстуру, добавив тонкий узор в качестве фонового изображения

Один из способов добавить текстуру и сделать задний фон  более заметным - это добавить тонкий узор. Ключевым моментом является баланс, так как вы не хотите, чтобы фон слишком сильно выделялся и отвлекался от переднего плана. Свойство background поддерживает функцию url() для ссылки на изображение выбранной текстуры или рисунка. Адрес ссылки заключен в кавычки внутри круглых скобок.

Задание:

  1.  Используя URL-адрес  //cdn-media-1.freecodecamp.org/imgr/MJAkxbh.png, установите фон всей страницы с помощью селектора body.

 

body { }
Result
shape shape