Зеркальное отражение вокруг отделения, использующего JavaScript
Зеркальное отражение является большим плагином JQuery для зеркального отражения блоков, но это не сохраняет фон, в то время как это анимирует зеркальное отражение.
Например, у меня есть этот симпатичный фон здесь, прежде чем я зеркально отражу. При зеркальном отражении это становится ужасным.
Есть ли способ, которым я могу зеркально отразить это div приятно, сохраняя симпатичный фон я имею и возможно даже достигаю более гладкой анимации, чем я могу добраться с Зеркальным отражением?
Если я должен погрузиться в это головой вперед и кодировать свою собственную функцию для зеркального отражения a div, это также выполнимо, и я был бы очень признателен за некоторый указатель там, если это - то, что я должен сделать.
Большое спасибо!
3 ответа
Попробуйте jQuery QuickFlip pulgin, он кажется довольно изящным с обработкой фона.
Отличный способ сделать это - использовать преобразования CSS 3. Это намного лучше, чем использовать сценарий; вам всегда следует избегать использования сценариев, в которых можно использовать более простые методы.
Попробуйте изучить momoflow , это приложение типа coverflow, которое анимирует фон под разными углами.
Однако он использует тег canvas, что может быть проблемой для вас, если вы хотите совместимость с IE. Однако метод, который использует разработчик, состоит в том, чтобы разделить изображение на несколько вертикальных фрагментов и анимировать их положение. Вы можете расширить эту функциональность, чтобы ввести полный переворот!