3D менюшка на чистом CSS3.

Всем привет! Сегодня мы поговорим про замечательную 3D менюшку, которая, думаю, понравится многим.

Итак, не будем затягивать. Перейдите по ссылке и тут вы сразу найдете все, что вам необходимо. Кликните по ссылке Demo, чтобы посмотреть, как это работает. Впечатляет, не правда ли? А самое главное, что все это сделано на чистом CSS3. Кстати, если хотите научиться создавать подобные вещи, то советую приобрести курс HTML5 и CSS3 с Нуля до Гуру. Поддерживаются все современные браузеры и IE с 9 версии.

Чтобы воспользоваться данной менюшкой, скачайте все необходимое, нажав Download, сделайте структуру, как показано в блоке Creating the structure, добавьте стилей в блоке Adding Style.

Чтобы добавлять и удалять класс, когда пользователь переключает триггер, использовалась библиотека JQuery. Кроме того, когда пользователь выбирает один из пунктов меню, левая позиция span.cd-marker меняется таким образом, чтобы она была совмещена с выбранным элементом, и добавляется собственный класс .color-n(чтобы изменить цвет заднего фона).

Вот такая простая в использовании 3D менюшка, сделанная на чистом CSS.

Думаю, многие уже придумали, где ее можно использовать. Или же, можете просто посмотреть на код, чтобы понять, как это работает и, возможно, позже вы создадите что-нибудь еще более интересное.

Спасибо за внимание и удачи!