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 3D અને jQuery મદદથી કાર્ડ અસરો.
તમારા સીએસએસ અને એચટીએમએલ માર્કઅપ સાથે અમલ કરવા માટે સરળ
બધા આધુનિક બ્રાઉઝર્સમાં કામ કરે છે (ગૂગલ ક્રોમ, સફારી અને ફાયરફોક્સ)


તમારે શું જોઈએ છે:

  • flipCard.css (બધા શૈલી અને અસરો કાર્ડ વિમાનની મુસાફરી કરવા માટે જરૂરી)
  • flipCard.js (બધા ઘટનાઓ અસરો ટ્રીગર કરવા માટે જરૂરી)
  • jQuery-1.8.3.min.js (jQuery સાથે લખાયેલ)
  • સરળ HTML માર્કઅપ (બધા ઉદાહરણો index.html ફાઈલ છે)

વિશેષ:
  • style.css (મૂળભૂત માર્કઅપ માટે કેટલાક રેન્ડમ શૈલી, જરૂરી નથી)

તમે હમણાં જ પહોળાઈ અને CSS કોડ આ શાંતિ સાથે ઊંચાઇ સ્પષ્ટ કરીને કાર્ડ પરિમાણો બદલી શકો છો:
.કાર્ડ કન્ટેનર {
પહોળાઈ: 200px;
ઊંચાઈ: 200px;
}

ફેરફાર લોગ

 ----> સુધારાની તારીખ: જુલાઈ 3, 2014 ફાયરફોક્સ v30 સાથે કેટલાક મુદ્દાઓ ઉકેલાઈ ----> સુધારાની તારીખ: 26 ફેબ્રુઆરી, 2014 હવે તમે આ જેમ કન્ટેનર DIV ગુણોત્તર સ્પષ્ટ કરી શકો છો: ડેટા ગુણોત્તર = "1: 2" ----> સુધારાની તારીખ: 19 નવેમ્બર, 2013 હવે fallback IE 11 સાથે સુસંગત છે ----> સુધારાની તારીખ: 6 ઓક્ટોબર, 2013 કેટલાક મુદ્દાઓ ઉકેલાઈ જ્યારે તમે ફ્લિપિંગ કાર્ડ પર હૉવર જ્યારે પાનું લોડ કરી રહ્યું છે છે ----> સુધારાની તારીખ: 6 ઓગસ્ટ, 2013 (સીએસએસ ફાઇલ બદલો) ફાયરફોક્સ પર 3D અસર સાથે કેટલાક મુદ્દાઓ સુધારવા ----> સુધારાની તારીખ: 26 જુલાઈ, 2013 IE પર કેટલાક કન્સોલ ભૂલો સુધારાઈ ----> સુધારાની તારીખ: 21 મે, 2013 પર ફ્લિપિંગ કાર્ડો માટે Firefox માં કેટલાક ચોંટતા મુદ્દાઓ સ્થિર ----> BIG સુધારાની તારીખ: 6 મે, 2013 ઓટો ફ્લિપ અસર હવે ઉપલબ્ધ છે, તમે સમય સેટ કરી શકો છો ત્યાં સુધી કાર્ડ વિમાનની મુસાફરી કરશે આપોઆપ, પણ તમે સમય સેટ કરી શકો છો, જ્યારે કાર્ડ શરૂ કરશે autoflips કરી. (જો તમે જીવંત પૂર્વાવલોકન જોવા કરી શકો છો) નોંધ: જ્યારે તમે એક ઓટો ફ્લિપિંગ કાર્ડ પર માઉસ લઈ જાઓ કરવા તે લાંબા સમય સુધી વિમાનની મુસાફરી નહીં તમે કાર્ડ પર માઉસ પાસે તરીકે ફ્લિપિંગ કાર્ડો માટે રંગ થીમ્સ ઉમેરાયેલ છે, અને તમે તમારા પોતાના બનાવી શકે છે. ----> સુધારાની તારીખ: 28 એપ્રિલ, 2013 હવે jQuery 1.9.1 સાથે સુસંગત છે ----> સુધારાની તારીખ: 10 એપ્રિલ, 2013 પણ એક ફેડ અસર એક fallback બ્રાઉઝર્સ કે ક્રોમ અને ફાયરફોક્સ ના જૂના આવૃત્તિઓ જેવી CSS3d આધાર આપતું માટે ઉમેરાયેલ છે. ----> સુધારાની તારીખ: 18 ફેબ્રુઆરી, 2013 ફેડ અસર એટલે માટે fallback ઉમેર્યું. 

ડાઉનલોડ કરો
આ શ્રેણી માં અન્ય ઘટકોઆ લેખક બધા ઘટકો
ટિપ્પણીઓવારંવાર પૂછાતા પ્રશ્નો અને જવાબો પૂછવામાં

ગુણધર્મો

બનાવ્યું:
2 જાન્યુઆરી 13

છેલ્લો સુધારો:
4 જુલાઈ 14

સુસંગત બ્રાઉઝર્સ:
ફાયરફોક્સ, સફારી, ક્રોમ

ફાઈલો:
જાવાસ્ક્રિપ્ટ જેએસ, એચટીએમએલ, સીએસએસ

સોફ્ટવેર આવૃત્તિ:
jQuery

કીવર્ડ્સ

ઈકોમર્સ, ઈકોમર્સ, બધા વસ્તુઓ, ઓટો ફ્લિપ, કાર્ડ 3D, હોવર ઘટનાઓ ક્લિક કરો, સીએસએસ 3D, ફ્લિપ કાર્ડ 3D, ફ્લિપિંગ કાર્ડ, બહુવિધ અસરો, પરિભ્રમણ 3D, ટાઈમર