WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Flipping Cards 3D with jQuery/CSS3

— Дополнения к WorldWideScripts.net

Подпишитесь на наш канал, чтобы оставаться в курсе событий!

Новинка! Следуйте за нами, как вы хотите!


Flipping Cards 3D with jQuery/CSS3 - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Коллекция переворачивает и эффекты карт с использованием CSS3 3D и JQuery.
Легко для того чтобы реализовать с помощью CSS и HTML-разметки
Работает во всех современных браузерах (Google Chrome, Safari и Firefox)


что вам нужно:

  • flipCard.css (все стиль и эффекты, необходимые для флип-карты)
  • flipCard.js (все события, необходимые для запуска эффектов)
  • JQuery-1.8.3.min.js (написано с JQuery)
  • Простой HTML-разметки (все примеры в файле index.html)

дополнительно:
  • style.css (некоторый случайный стиль для базовой разметки, не требуется)

Вы можете изменить размеры карт просто указав ширину и высоту с этим миром УСС кода:
.card-контейнер {
ширина: 200px;
высота: 200px;
}

Журнал изменений

 ----> Обновление: Июль 3, 2014 Исправлены некоторые проблемы с Firefox V30 ----> Обновление: 26 февраля 2014 Теперь вы можете указать соотношение в контейнере DIV следующим образом: дата-отношение = "1: 2" ----> Обновление: 19 ноября 2013 Теперь запасной вариант совместим с IE 11 ----> Обновление: 6 октября 2013 Исправлены некоторые проблемы при наведении курсора мыши на листать карты, когда страница загружается ----> Обновление: 6 августа 2013 (заменить файл CSS) Исправлены некоторые проблемы с 3D-эффектом на Firefox ----> Обновление: 26 июля 2013 Исправлены некоторые ошибки консоли на IE ----> Обновление: 21 мая 2013 Исправлены некоторые проблемы слипания в Firefox для более листать карт ----> BIG Последнее обновление: 6 мая 2013 Автопереворота Эффект теперь доступен, вы можете установить время, пока карта не будет переворачивать автоматически, а также вы можете установить время, когда карта начнет делая autoflips. (Вы можете увидеть его в предварительный просмотр) Примечание: когда вы делаете MouseOver на авто листать карты он не будет переворачивать до тех пор, а у вас есть курсор мыши на карту Добавлены цветовые темы для листать карты, и вы можете сделать свой собственный. ----> Обновление: 28 апреля 2013 Теперь совместим с JQuery 1.9.1 ----> Обновление: 10 апреля 2013 Добавлены также запасной вариант для эффекта замирания для браузеров, которые не поддерживают CSS3D как на старых версиях Chrome и Firefox. ----> Обновление: 18 февраля 2013 Добавлен обходной путь для IE от эффекта замирания. 

Скачать
Другие компоненты в этой категорииВсе компоненты этого автора
КомментарииЧасто задаваемые вопросы и ответы

Свойства

созданный:
2 января 13

Последнее обновление:
4 июля 14

Совместимые браузеры:
Firefox, Safari, Chrome

файлы, включенные:
JavaScript JS, HTML, CSS

Версия ПО:
Jquery

Ключевые слова

электронной коммерции, электронной коммерции, Все детали, автопереворота, 3D-карты, Щелкнуть события, CSS 3d, флип-карты 3D, Подавать карты, несколько эффектов, 3D вращение, таймер