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

Відео: Робимо крутиться Спінер на чистому CSS Анімація

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

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

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

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

Відео: Приклад CSS - створення Міккі Мауса на чистому CSS

Ось така проста у використанні 3D менюшка, зроблена на чистому CSS.

Думаю, багато хто вже придумали, де її можна використовувати. Або ж, можете просто подивитися на код, щоб зрозуміти, як це працює і, можливо, пізніше ви створите щось ще більш цікаве.

Дякую за увагу і удачі!