Помогите решить проблему со скриптом

[Александр_1989]

Есть вот такое меню CSS:
http://www.similarsites.com/goto/css...aker.com&pos=0

Мне нужно было его сделать в html (что я и сделал), НО когда меню поворачивается на другой стороне текста нет.
Подскажите что не так я сделал.
Скрипт во вложении...

[Вадим Мошев]

Посмотрите в этом примере: http://codepen.io/teeganlincoln/pen/bVNgBR (не моё)

[Serge_Bliznykov]

Вадим Мошев, спасибо. Красссссотииищаааа!!

[Вадим Мошев]

За это надо благодарить Naive
Пример им был предоставлен.

[Serge_Bliznykov]

Сообщение от Вадим Мошев

За это надо благодарить Naive
Пример им был предоставлен.

ага, спасибо, я нашёл ссылочку на пост Naive - тыц



А плюсануть форум не даёт...

[Naive]

это уже давно решается средствами CSS, а когда не решалось, то и канваса не было, т.е. скрипт отпадает.
Есть мега-сложный вариант для ИЕ 6-9 на ие-фильтрах, через систему матриц, но компы тех времен такую анимацию не потянули бы, игра не стоит свеч. SVG, GIF, flash разве только, но тогда лучше сделать пререндер в картинку-спрайт и анимировать ее...
Чет я отвлекся=)
Автор, если хочешь разобраться, гугли конфу front-talks 2015, там девочка рассказывает как на CSS нарисовать куб. Я думал это простые истины, а оказывается это не многие втыкают)
Ключевое свойство там: transform-origin

[Вадим Мошев]

ИМХО, вот этот эффект будет намного сложнее, чем рисование куба в CSS.
Для рисования куба на что надо будет?
В HTML делаем три дива, два из которых абсолютно позиционируем.
Для двух последних дивов делаем transfrom: skew(сколько-то градусов), а также transform: rotate(градусы). Потом позиционируем их так, чтобы то, что мы видим, казалось кубом.
Ну, можно ещё и покрасить.

Это же достаточно будет для построения куба?

P. S. Конечно, первый див (лицевая грань) можно сделать position: relative, в него помещаем два других, у которых position: absolute.

[Naive]

не понял тебя, Вадим, вот, на коленке слепил:
фиддл

[Вадим Мошев]

Тот фиддл покурю (спасибо), но я-то имел в виду самый обычный куб, который на CSS+HTML можно нарисовать (я не рисовал, просто аншёл картинку в интернетах):

CUBE.jpg

[Naive]

Ну если так, то у куба 6 граней. Если обходиться минимумом HTML, то по идее нужен только CSS. В теории. Два элемента всегда есть (html, body), + по два с каждого по псевдо-элементу=)
но я уже слишком пьян, чтобы это пробовать=)