jQuery Mobile - применение эффектов перехода для отдельных элементов DOM

Question

Я хочу сделать что-то подобное с помощью jQuery Mobile (и в идеале, без дополнительных плагинов): http://demo.tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/demo.php

Я могу заставить его работать только с одним элементом, используя страницы и "data-rel =диалог ".. но это становится довольно сложным с несколькими элементами.

Мне было интересно, есть ли способ просто вызвать переход "flip" без использования атрибута data-role = page.Другими словами, просто переверните любой обычный div.

Возможно ли что-то подобное?

Answer 1

То есть вы просто хотите, чтобы на одной из ваших страниц был элемент, который вы можете перевернуть, как отдельные логотипы на перевернутой стене?Вы абсолютно можете это сделать.Те (предполагая здесь, так как я не рассматривал это подробно) являются CSS-анимацией.Они поддерживаются не во всех браузерах (в основном, только на основе webkit, но это ваш основной мобильный, Mac и компьютерный энтузиаст).

Ознакомьтесь с этой статьей в The Art of Web:

http://www.the -art-of-web.com / css / 3d-transforms /

Это поможет вам добраться до того места, где вы хотите быть.

Answer 2

Чтобы добавить анимацию отражения к элементу, просто добавьте к нему класс отражения. Вы можете применить любой эффект к любому элементу, посмотрите файл CSS для получения дополнительных эффектов.

$(element).addClass("flip"); // to flip it
$(element).removeClass("flip"); // after the animation is complete