Перемещение вокруг div с помощью Javascript

Flip - отличный плагин JQuery для блокировки блоков, но он не сохраняет фон, пока он оживляет флип.

Например, У меня здесь довольно хороший фон, перед тем как перевернуть. Во время щелчка, он становится уродливым.

Есть ли способ, который я мог бы с легкостью перевернуть этот div, сохраняя хороший фон, который у меня есть, и, возможно, даже добиться более плавной анимации, чем я могу получить с помощью Flip?

Если мне нужно погрузиться в эту headfirst и запрограммировать мою собственную функцию для flipping div, это также выполнимо, и я действительно ценю некоторый указатель там, если это то, что я должен делать.

Большое спасибо!

Ответ 1

Попробуйте jQuery QuickFlip pulgin, этот выглядит довольно аккуратно с обработкой фона.

Ответ 2

Попробуйте найти momoflow, его тип приложения с обтеканием, который анимирует фон под разными углами.

Однако использование тега canvas может быть проблемой для вас, если вы хотите совместимость с IE. Однако технология, которую использует dev, состоит в том, чтобы нарезать изображение на несколько вертикальных срезов и оживить их положение. Вы можете расширить эту функциональность, чтобы представить полный флип!

Ответ 3

Действительно классный способ сделать это - использовать преобразования CSS 3. Это намного лучше, чем использование script; вы всегда должны избегать использования сценариев, где могут использоваться более простые методы.