Флип-переход для настольного браузера

Question

Я только что посмотрел вводное видео с мобильного jQuery, показывающее флип-переход.

Я нахожу его действительно аккуратным.Легко ли воспроизвести эффект переворачивания для настольных браузеров без использования мобильной библиотеки jQuery?Это всего лишь несколько строк кода?

[Примечание: я прекрасно использую пользовательский интерфейс jQuery.]

Answer 1

Вы можете использовать CSS3 переходы для анимации эффекта флип.Вот демонстрация, из которой вы можете получить код: http://css3.bradshawenterprises.com/flip/.

Имейте в виду, что префиксы продавцов для свойств transform и transition будут необходимы для поддержки нескольких браузеров (-moz-, -o--webkit-).Я обычно определяю, какой префикс Vender использовать с Modernizr .

Вот список поддерживаемых браузеров от caniuse.com: http://caniuse.com/#search=transition