- Теория
- Теория
Базовые стили карточки
В этой мастерской мы создадим карточку артефакта «Клинок Армагеддона» из всеми любимых «Героев III» и с помощью радиальных градиентов добавим заголовку эффект пульсирующей заливки.
Перед прохождением мастерской познакомьтесь с интерактивным туториалом, в котором разбирается техника создания этого декоративного эффекта.
Мастерская состоит из серии испытаний-головоломок, в которых вам нужно подбирать селекторы, свойства и значения, чтобы получить нужный результат. Последовательно решая головоломки, вы создадите готовый компонент.
Приступим! Для начала разберёмся с базовыми стилями карточки. В коде уже есть правило со всеми необходимыми CSS-свойствами. Ваша задача — подобрать селектор для этого правила из списка:
.card-header,
.card-content,
.card,
.card-header div,
.card-content p
HTML-редактор заблокирован. Это значит, что вы можете редактировать только стили.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.