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

— Add-On ke WorldWideScripts.net

@id1wwsBerlangganan feed kami untuk tetap up to date!

Baru ! Ikuti kami seperti yang Anda inginkan!


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

Ads

Ad: Bluehost hosting

Koleksi Membalik dan efek dari kartu menggunakan CSS3 3D dan jQuery.
Mudah untuk menerapkan dengan CSS Anda & markup HTML
Pekerjaan di semua browser modern (Google Chrome, Safari & Firefox)


Apa yang kau butuhkan:

  • flipCard.css (semua gaya dan efek yang diperlukan untuk membalik kartu)
  • flipCard.js (semua peristiwa yang diperlukan untuk memicu efek)
  • jquery-1.8.3.min.js (ditulis dengan jquery)
  • Sederhana html markup (semua contoh adalah dalam file index.html)

tambahan:
  • style.css (beberapa gaya acak untuk markup dasar, tidak diperlukan)

Anda dapat mengubah dimensi dari kartu hanya dengan menentukan lebar dan tinggi dengan perdamaian ini kode css:
.card-kontainer {
width: 200px;
height: 200px;
}

perubahan Log

 ----> Update: Jul 3, 2014 Tetap beberapa masalah dengan Firefox v30 ----> Update: Feb 26, 2014 Sekarang Anda dapat menentukan rasio dalam div kontainer seperti ini: Data-rasio = "1: 2" ----> Update: Nov 19, 2013 Sekarang mundur kompatibel dengan IE 11 ----> Update: 6 Oktober 2013 Tetap beberapa masalah ketika Anda membawa lebih dari satu kartu flipping saat halaman loading ----> Update: 6 Agustus 2013 (ganti file CSS) Memperbaiki beberapa masalah dengan efek 3D pada Firefox ----> Update: 26 Juli 2013 Tetap beberapa kesalahan konsol di IE ----> Update: 21 Mei 2013 Tetap beberapa masalah mencuat di firefox untuk kartu lebih flipping ----> Update BIG: 6 Mei 2013 Efek Auto Flip sekarang tersedia, Anda dapat mengatur waktu sampai kartu akan flip otomatis, juga Anda dapat mengatur waktu saat kartu akan mulai melakukan autoflips. (Anda dapat melihatnya di live preview) CATATAN: ketika Anda melakukan gerakan mouse pada kartu auto flipping tidak akan flip selama Anda memiliki mouse di atas kartu Ditambahkan tema warna untuk kartu membalik, dan Anda dapat membuat Anda sendiri. ----> Update: April 28, 2013 Sekarang kompatibel dengan jQuery 1.9.1 ----> Update: April 10, 2013 Ditambahkan juga fallback dari efek fade untuk browser yang tidak mendukung CSS3D seperti versi lama Chrome dan Firefox. ----> Update: Feb 18, 2013 Ditambahkan fallback untuk IE dari efek memudar. 

Ambil
Komponen lain dalam kategori iniSemua komponen penulis ini
KomentarPertanyaan yang sering diajukan dan jawaban

Properties

dibuat:
2 13 Januari

Pembaharuan Terakhir:
4 Juli 14

Browser yang kompatibel:
Firefox, Safari, Chrome

file Termasuk:
JavaScript JS, HTML, CSS

Versi perangkat lunak:
jQuery

Kata kunci

eCommerce, eCommerce, Semua barang, auto sandal, kartu 3D, klik peristiwa melayang, CSS 3d, sandal kartu 3D, kartu flipping, beberapa efek, rotasi 3D, Timer