|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
|
Опции темы | Поиск в этой теме |
29.12.2015, 08:09 | #1 |
Новичок
Джуниор
Регистрация: 29.12.2015
Сообщений: 1
|
Помогите решить проблему со скриптом
Есть вот такое меню CSS:
http://www.similarsites.com/goto/css...aker.com&pos=0 Мне нужно было его сделать в html (что я и сделал), НО когда меню поворачивается на другой стороне текста нет. Подскажите что не так я сделал. Скрипт во вложении... |
29.12.2015, 12:34 | #2 |
Старожил
Регистрация: 12.11.2010
Сообщений: 8,568
|
Посмотрите в этом примере: http://codepen.io/teeganlincoln/pen/bVNgBR (не моё)
|
29.12.2015, 13:39 | #3 |
Старожил
Регистрация: 09.01.2008
Сообщений: 26,229
|
Вадим Мошев, спасибо. Красссссотииищаааа!!
|
29.12.2015, 19:01 | #4 |
Старожил
Регистрация: 12.11.2010
Сообщений: 8,568
|
За это надо благодарить Naive
Пример им был предоставлен. |
30.12.2015, 23:40 | #6 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
это уже давно решается средствами CSS, а когда не решалось, то и канваса не было, т.е. скрипт отпадает.
Есть мега-сложный вариант для ИЕ 6-9 на ие-фильтрах, через систему матриц, но компы тех времен такую анимацию не потянули бы, игра не стоит свеч. SVG, GIF, flash разве только, но тогда лучше сделать пререндер в картинку-спрайт и анимировать ее... Чет я отвлекся=) Автор, если хочешь разобраться, гугли конфу front-talks 2015, там девочка рассказывает как на CSS нарисовать куб. Я думал это простые истины, а оказывается это не многие втыкают) Ключевое свойство там: transform-origin
Alar, верни репу!
|
30.12.2015, 23:55 | #7 |
Старожил
Регистрация: 12.11.2010
Сообщений: 8,568
|
ИМХО, вот этот эффект будет намного сложнее, чем рисование куба в CSS.
Для рисования куба на что надо будет? В HTML делаем три дива, два из которых абсолютно позиционируем. Для двух последних дивов делаем transfrom: skew(сколько-то градусов), а также transform: rotate(градусы). Потом позиционируем их так, чтобы то, что мы видим, казалось кубом. Ну, можно ещё и покрасить. Это же достаточно будет для построения куба? P. S. Конечно, первый див (лицевая грань) можно сделать position: relative, в него помещаем два других, у которых position: absolute. |
31.12.2015, 02:28 | #10 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Ну если так, то у куба 6 граней. Если обходиться минимумом HTML, то по идее нужен только CSS. В теории. Два элемента всегда есть (html, body), + по два с каждого по псевдо-элементу=)
но я уже слишком пьян, чтобы это пробовать=)
Alar, верни репу!
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Помогите решить проблему. | Nikromantik | Общие вопросы C/C++ | 9 | 12.02.2014 22:39 |
Помогите решить проблему? | Serik410 | JavaScript, Ajax | 4 | 19.12.2013 18:29 |
ПОМОГИТЕ РЕШИТЬ ПРОБЛЕМУ !!!!!!!!!!!! | ЛиЛу | Помощь студентам | 5 | 29.12.2008 15:36 |
помогите решить проблему | 1234 | Общие вопросы Delphi | 2 | 04.07.2008 11:52 |
помогите решить проблему ... | alexey7 | Microsoft Office Excel | 2 | 16.10.2007 13:25 |