Applied Visual Design

↴ Applied Visual Design

Создание визуального баланса Использование свойства text-align

Настройка ширины элемента с помощью свойства width

Отрегулируйте высоту элемента с помощью свойства height

Используйте сильный тег, чтобы сделать текст полужирным

Используйте тег u для подчеркивания текста

Используйте тег em для текста курсива

Используйте тег s для текста зачеркивания

Создание горизонтальной линии с использованием элемента hr

Отрегулируйте фоновый цвет Свойство текста

Отрегулируйте размер заголовка в сравнении с тегом абзаца

Добавьте тень к карточному элементу

Уменьшить непрозрачность элемента

Используйте свойство text-transform для создания текста в верхнем регистре

Установите размер шрифта для нескольких элементов заголовка

Установите вес шрифта для нескольких элементов заголовка

Установите размер шрифта текста абзаца

Задайте высоту строки абзацев

Отрегулируйте состояние ссылок при наведении курсора

Изменение относительного положения элемента

Перемещение Относительно Позиционированного Элемента с помощью смещений CSS

Блокировка элемента для его родителя с абсолютным позиционированием

Блокировка элемента в окне браузера с фиксированным позиционированием

Нажатие элементов влево или вправо с помощью свойства float

Изменение позиции перекрывающихся элементов с помощью свойства z-index

Центрировать элемент горизонтально Использование поля Свойства

Узнайте о дополнительных цветах

Узнайте о третичных цветах

Отрегулируйте цвет различных элементов для дополнительных цветов

Отрегулируйте оттенок цвета

Отрегулируйте тон цвета

Создать линейный градиент линейного CSS

Используйте линейный градиент CSS для создания полосатого элемента

Создание текстуры путем добавления тонкого шаблона в качестве фонового изображения

Используйте свойство масштабирования CSS Transform для изменения размера элемента

Используйте свойство масштабирования CSS Transform для масштабирования элемента при наведении

Используйте свойство преобразования CSS Transform для искажения элемента по оси X

Используйте свойство CSS Transform Property skewY для искажения элемента по оси Y

Создать графику с помощью CSS

Создание более сложной формы с использованием CSS и HTML

Узнайте, как работают CSS-файлы и анимация CSS

Использование анимации CSS для изменения состояния наведения кнопки

Изменить режим заполнения анимации

Создание движения с использованием анимации CSS

Создать визуальное направление, затухая элемент слева направо

Анимация элементов, постоянно использующих бесконечный подсчет анимации

Сделайте Heartbeat с использованием бесконечного количества анимации

Анимационные элементы по переменным ценам

Анимация нескольких элементов при переменных значениях

Изменение времени анимации с помощью ключевых слов

Узнайте, как работают кривые Безье

Используйте кривую Безье для перемещения графика

Сделать движение более естественным, используя кривую Безье