Статьи

10 плагинов jQuery Flip Effect

Эта коллекция из 10 плагинов jQuery Flip Effect позволяет перевернуть содержимое и изображения HTML на 360 градусов и анимировать их с помощью jQuery и CSS3 для преобразования и поворота. Вы, вероятно, найдете их наиболее полезными для вашего портфолио. Наслаждайтесь!

Похожие сообщения:

Премиум — отзывчивая книга Flip Book на основе jQuery

Это полностью HTML & JQuery, управляемый без Flash Player не требуется. Работает на настольных и мобильных устройствах!

1. Перелистывание слайдера с использованием jQuery и CSS3

Ползунок изменит изображения нашего портфолио, когда он переворачивается, этот эффект переворота вызывается щелчком пользователя по нумерации страниц. Поэтому, когда пользователь щелкает страницу, каждое из наших изображений портфолио будет переворачиваться на 360 градусов, а когда анимация будет близка к концу, изображение будет изменено с новым изображением.
Ползунок слайд портфолио
Исходный Демо

2. flipCounter: плагин счетчика jQuery

Плагин jQuery, который превращает скучное число в большой, красивый аналоговый дисплей. Считайте дни до апокалипсиса, сделайте свои собственные долговые часы или вернитесь к 90-м годам и воскресите счетчик ударов.
flipCounter
Источник + Демо

3. Отразить изображение с помощью jQuery

Хорошо, во-первых, это не настоящий переворот изображения, а своего рода иллюзия, что изображение не переворачивается в 3D, поскольку jQuery не предоставляет нам поворот изображения или функцию искажения для элементов HTML. Я знаю, что есть некоторые плагины для поворота изображений, но они не очень хорошо работают с анимированным методом jQuery.
Флип изображения
Исходный Демо

4. Flippy: флип-эффект jQuery плагин

Плагин кросс-браузерного эффекта переворота для jQuery, который позволяет переворачивать любой HTML-элемент по вашему желанию.
Flippy
Источник + Демо

5. Создайте флип-галерею карточек CSS 3D Transform с помощью jQuery

Мы собираемся применить эффект переворачивания карты к набору галереи миниатюр. Мы просто хотим продемонстрировать один из простых способов его использования. Одно дело, что CSS 3D-трансформация еще не является зрелым стандартом, и ее поддерживают только современные браузеры.
CSS 3D карта преобразования флип
Исходный Демо

6. QuickFlip 2: плагин jQuery Flipping

QuickFlip работает с помощью ярлыка анимации, который едва заметен при быстром переворачивании (отсюда и название). Этот ярлык повышает производительность, в то же время позволяя эффекту переворота работать плавно с любым фрагментом разметки независимо от изображений, фона или CSS.
QuickFlip 2
Источник + Демо

7. Rotate3Di — переворачивайте HTML-контент в 3D с помощью jQuery.

Плагин jQuery Effect, позволяющий делать изометрическое трехмерное отражение или трехмерное вращение любого содержимого HTML. Это также позволяет настраивать трехмерную анимацию вращения.
Rotate3Di
Источник + Демо

8. Спонсор Flip Wall с помощью jQuery и CSS

Для этого мы используем PHP, CSS и jQuery с плагином jQuery Flip. Полученный код можно использовать для демонстрации ваших спонсоров, клиентов или портфолио проектов.
Спонсор Flip Wall
Исходный Демо

9. Флип! Плагин jQuery

Плагин jQuery, который легко перевернет ваши элементы в четырех направлениях.
Кувырок!
Источник + Демо

10. JQuery Flip Clock Таймер обратного отсчета

Этот гладкий таймер обратного отсчета обеспечивает элегантный способ обратного отсчета до событий.
JQuery Flip Clock Таймер обратного отсчета
Источник + Демо