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

Flips का संग्रह और CSS3 3 डी और jQuery का उपयोग कार्ड के प्रभाव।
अपने सीएसएस और एचटीएमएल मार्कअप के साथ लागू करने के लिए आसान
सभी आधुनिक ब्राउज़रों में काम करता है (गूगल क्रोम, सफारी और फ़ायरफ़ॉक्स)


जिसकी आपको जरूरत है:

  • flipCard.css (सभी शैली और प्रभाव कार्ड फ्लिप करने के लिए आवश्यक)
  • flipCard.js (सभी घटनाओं प्रभाव को गति प्रदान करने की जरूरत है)
  • jQuery-1.8.3.min.js (jQuery के साथ लिखा)
  • सरल HTML मार्कअप (सभी उदाहरण index.html फ़ाइल में हैं)

अतिरिक्त:
  • style.css (बेसिक मार्कअप के लिए कुछ बेतरतीब शैली, की जरूरत नहीं)

तुम बस चौड़ाई और सीएसएस कोड के इस शांति के साथ ऊंचाई निर्दिष्ट द्वारा कार्ड के आयाम बदल सकते हैं:
.card-कंटेनर {
चौड़ाई: 200px;
ऊंचाई: 200px;
}

प्रवेश बदलें

 ----> अद्यतन: Jul 3, 2014 फ़ायरफ़ॉक्स V30 के साथ कुछ मुद्दों को तय ----> अद्यतन: 26 फ़र,, 2014 अब आप इस तरह कंटेनर div में अनुपात निर्दिष्ट कर सकते हैं: डेटा-अनुपात = "1: 2" ----> अद्यतन: 19 नवं,, 2013 अब वापस आने के आईई 11 के साथ संगत है ----> अद्यतन: 6 अक्टूबर, 2013 कुछ मुद्दों को तय जब आप एक flipping कार्ड पर ले जाएं, जब पेज लोड हो रहा है ----> अद्यतन: 6 अगस्त, 2013 (सीएसएस फ़ाइल की जगह) Firefox पर 3 डी प्रभाव के साथ कुछ मुद्दों को ठीक करें ----> अद्यतन: 26 जुलाई 2013 IE पर कुछ सांत्वना त्रुटियों को ठीक ----> अद्यतन: 21 मई, 2013 पर flipping कार्ड के लिए Firefox में कुछ मुद्दों को तय चिपके ----> बड़ा अद्यतन: मई 6, 2013 ऑटो फ्लिप प्रभाव अब उपलब्ध है, आप समय निर्धारित कर सकते हैं जब तक एक कार्ड फ्लिप जाएगा स्वचालित रूप से, यह भी आप समय निर्धारित कर सकते हैं जब कार्ड शुरू कर देंगे autoflips कर रही है। (आप लाइव पूर्वावलोकन में देख सकते हैं) नोट: जब आप एक ऑटो flipping कार्ड पर एक mouseover कर यह रूप में लंबे समय से फ्लिप नहीं होगा आप कार्ड पर माउस के रूप में flipping कार्ड के लिए रंग विषयों जोड़ा है, और आप अपने खुद बना सकते हैं। ----> अद्यतन: 28 अप्रैल 2013 अब jQuery 1.9.1 के साथ संगत है ----> अद्यतन: 10 अप्रैल, 2013 यह भी एक फीका प्रभाव की एक fallback ब्राउज़रों कि क्रोम और फ़ायरफ़ॉक्स के पुराने संस्करणों की तरह CSS3D का समर्थन नहीं करने के लिए जोड़ा गया है। ----> अद्यतन: 18 फ़र,, 2013 एक फीका प्रभाव के IE के लिए एक fallback जोड़ा। 

डाउनलोड करें
इस श्रेणी में अन्य घटकोंइस लेखक के सभी घटकों
टिप्पणियाँअक्सर पूछे जाने वाले सवाल और जवाब पूछा

गुण

बनाया गया:
2 जनवरी 13

आखिरी अपडेट:
4 जुलाई 14

संगत ब्राउज़र:
फायरफॉक्स, सफारी, क्रोम

फ़ाइलें:
जावास्क्रिप्ट जे एस, एचटीएमएल, सीएसएस

सॉफ्टवेयर संस्करण:
jQuery

कीवर्ड

ईकामर्स, ईकामर्स, सभी आइटम, ऑटो फ्लिप, कार्ड 3 डी, मंडराना घटनाओं क्लिक करें, सीएसएस 3 डी, फ्लिप कार्ड 3 डी, flipping कार्ड, एकाधिक प्रभाव, रोटेशन 3 डी, घड़ी