Как сделать Swipe Menu только на CSS3?

Question

[Алексей Смирнов]

Привет!
Есть такое меню:
jsfiddle.net/7Y7Dg/17/

Можно ли такое перелистывающееся меню реализовать только с помощью CSS ?

Если быть точнее, это просьба переделать это меню, чтобы оно работало только на CSS3 и HTML5.

Очень важный момент: нужно чтобы кнопки перелистывались вместе с фоном (как это и реализовано в приведенной ссылке).

P.S. Дело в том, что подобное меню планируется использовать не только на PC, но и на мобильных устройствах. Я уже тестировал это меню слегка измененным. На PC работает плавно, а на планшете и смартфоне возникают подергивания при перелистывании.

Еще читал что CSS меньше нагружает процессор, нежели JS, JQ. В итоге стал переводить свой сайт (недоделанный) преимущественно на CSS (уже частично перевел анимацию на CSS в тех местах где можно было).

Answer 1

[Александр Хиренко]

Вот набросал примитивный пример на Вашей верстке
jsfiddle.net/7Y7Dg/20
Если будете использовать не забудьте добавить префиксы к transform

Comments

[Алексей Смирнов]

@Satanpit Проставил: jsfiddle.net/7Y7Dg/21.
Спасибо!

Answer 2

[Александр Хиренко]

Саму анимацию можно, но события все равно придется переложить на jQuery и делать манипуляции с классами.

Comments

[Алексей Смирнов]

@Satanpit А сами манипуляции с классами по идее не должны сильно нагружать процессор? Основная нагрузка идет ведь от анимации?

[Алексей Смирнов]

@Satanpit В общем, можно попросить вас сделать то что вы написали, если не сложно...