Метки (или тэги, кто как их называет) обычно используются на разных блогах или новостных ресурсах для улучшения SEO-показателей сайта, сегодня мы создадим красивые 3D метки с помощью CSS3.
Будем использовать свойства:
box-shadow – для того, чтобы создать эффект кнопок
text-shadow – для эффекта рельефности текста, вдавленности его в кнопку
border-radius – для небольшого скругления углов
TML-разметка
Что нам понадобиться? Главный контейнер и список . Элементами списка как раз будут наши метки. Внутри каждого элемента будет ссылка . Структура элементарная.
Будем использовать свойства:
box-shadow – для того, чтобы создать эффект кнопок
text-shadow – для эффекта рельефности текста, вдавленности его в кнопку
border-radius – для небольшого скругления углов
TML-разметка
Что нам понадобиться? Главный контейнер и список . Элементами списка как раз будут наши метки. Внутри каждого элемента будет ссылка . Структура элементарная.