Сегодня мы научимся создавать дизайн пользовательского интерфейса в стиле Flat. В основном, есть стрелка типа крошки с 6 предметами. Первым элементом любой хлебной крошки всегда будет главная, затем он показывает категории. Есть 6 элементов, первый элемент для главной содержит только значок дома, а остальные элементы содержат значки с текстом. Дизайн представляет собой полный тип стрелки и плоский интерфейс. Кроме того, при наведении указателя мыши на любой элемент будет меняться цвет фона.
Итак, сегодня мы делимся CSS навигацией в стиле Flat с иконками. Там мы использовали HTML для создания макета и CSS для стилизации. Это чистая программа CSS, потому что нет JS или какой-либо библиотеки JS. Но есть сторонняя библиотека для размещения иконок.
Остальная информация тут - источник