- Теория
- Теория
Хлебные крошки, шаг 5
Давайте завершим создание хлебных крошек: дооформим нумерацию, а также немного изменим стиль первой ссылки, избавившись от слишком большого отступа слева.
Соберём резюме интересных приёмов, использованных в этой серии заданий:
- по полной были задействованы оба псевдоэлемента;
- разные размеры скругления углов в сочетании с трансформациями поворота и масштабирования — для создания стрелок;
- резкие тени — для имитации рамок, хотя того же эффекта можно было добиться с помощью
border
; - использованы свойства для создания счётчиков и автоматической нумерации:
counter-reset
иcounter-increment
; - использована функция
counter()
для отображения значения счётчиков в свойствеcontent
.
Минимальный вид табов
- index.html
HTML
HTML
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
100%