В этой мастерской мы создадим карточку артефакта «Клинок Армагеддона» из всеми любимых «Героев III» и с помощью радиальных градиентов добавим заголовку эффект пульсирующей заливки.

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

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

Приступим! Для начала разберёмся с базовыми стилями карточки. В коде уже есть правило со всеми необходимыми CSS-свойствами. Ваша задача — подобрать селектор для этого правила из списка:

.card-header,
.card-content,
.card,
.card-header div,
.card-content p

HTML-редактор заблокирован. Это значит, что вы можете редактировать только стили.