Всем привет! Сегодня поговорим про замечательную 3D менюшку , которая, думаю, понравится многим.
Всем привет! Сегодня поговорим про замечательную 3D менюшку, которая, думаю, понравится многим.
Чтобы воспользоваться данной менюшкой, скачайте все необходимое, нажав Download, сделайте структуру, как показано в блоке Creating the structure, добавьте стилей в блоке Adding Style.
Чтобы добавлять и удалять класс, когда пользователь переключает триггер, использовалась библиотека JQuery. Кроме того, когда пользователь выбирает один из пунктов меню, левая позиция span.cd-marker меняется таким образом, чтобы она была совмещена с выбранным элементом, и добавляется собственный класс .color-n(чтобы изменить цвет заднего фона).
Вот такая простая в использовании 3D менюшка, сделанная на чистом CSS.
Думаю, многие уже придумали, где ее можно использовать. Или же, можете просто посмотреть на код, чтобы понять, как это работает и, возможно, позже вы создадите что-нибудь еще более интересное.
Спасибо за внимание и удачи!
