• Теория
  • Теория

Хлебные крошки, шаг 5

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

Соберём резюме интересных приёмов, использованных в этой серии заданий:

  1. по полной были задействованы оба псевдоэлемента;
  2. разные размеры скругления углов в сочетании с трансформациями поворота и масштабирования — для создания стрелок;
  3. резкие тени — для имитации рамок, хотя того же эффекта можно было добиться с помощью border;
  4. использованы свойства для создания счётчиков и автоматической нумерации: counter-reset и counter-increment;
  5. использована функция counter() для отображения значения счётчиков в свойстве content.
Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Мастерская: декоративные эффекты» тренажёра «Погружение в декоративные эффекты» можно после регистрации и оформления подписки.