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, ಕನ್ನಡ, Українська мова, ไทย
CSS / Animations and Effects

Ribbon Wrap - CSS3 Hover Animation

— ઉમેરો પર WorldWideScripts.net માટે

તારીખ સુધી રહેવા માટે અમારા ફીડ પર સબ્સ્ક્રાઇબ કરો!

નવું! તમે તેને કરવા માંગો છો તરીકે અમને અનુસરો!


Ribbon Wrap - CSS3 Hover Animation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Envato અનુસરો

મને અનુસરો અને આ શૈલીમાં HTML5 વિડિઓ પ્લેયર માટે એક આંખ ટૂંક સમયમાં બહાર રાખો!

રિબન વીંટો - એક હોવર અસર કરતાં વધુ

તમે રિબન તેની પાછળ માંથી બહાર સ્લાઇડ્સ અને આસપાસ આવરણમાં, તત્વ ઉપર રાખો. સીએસએસ ઘોડાની લગામ છેલ્લે ખસેડો.

આ CSS3 સાધન સાથે અનંત શક્યતાઓ છે. તે અમલ કરવા માટે સુપર સરળ છે અને પ્રીસેટ રંગો અને શૈલીઓ ખાદ્યપદાર્થો છે (પરંતુ કસ્ટમાઇઝ સરળ છે!).

સંપૂર્ણપણે આ વસ્તુ કેવી રીતે ઠંડી સમજવા માટે વિડિઓ પૂર્વાવલોકન જોવા માટે ખાતરી કરો!

શું હું માટે તેનો ઉપયોગ કરી શકો છો?

શિર્ષકો અને છબીઓ વર્ણનો

વર્ણન હેરી Tennant

રિબન વીંટો છબી વર્ણન, ફોટો ક્રેડિટ્સ, ઉદાહરણ ટાઇટલ માટે એક સુંદર હોવર અસર તરીકે ઉપયોગ કરી શકાય છે, અથવા અન્ય કંઈપણ તમે વિચાર કરી શકો છો!

સામગ્રી સાથે તે ભળવું

, ઠંડી પ્રયાસ કરી એક ઠંડી કે જ્યારે પ્રથમ વસ્તુ યાદ કરે છે. આ નંબર એક નિયમ ટિપ્સ ઠંડી હોવા

રિબન વીંટો સામગ્રી ની સામાન્ય પ્રવાહ ભાગ હોઈ ઇનલાઇન તત્વ તરીકે સારવાર કરી શકાય છે, અથવા તે hovered છે જ્યારે સામગ્રી આવરી રીતે થયેલું કરી શકાય છે. રિબન વીંટો માતાનો સ્થિર સ્થિતિ વાપરી રહ્યા છે, તે કોઇ પણ એનિમેશન વિના વધુ "પરંપરાગત" સીએસએસ રિબન તરીકે સારવાર કરી શકાય છે.

સામાજિક સ્ટ્રીપ

સામાજિક મીડિયા

Hovered ત્યારે ચિહ્નો તમારી પસંદ થયેલ તત્વ પર સ્લાઇડ સમાજીક માધ્યમનો એક સ્ટ્રીપ હોય છે.

સાધન પટ્ટી

સાધનો

સાધન-શૈલી ચિહ્નો બદલે વાપરી શકાય છે. પણ ઊભી સેટિંગ છે.

લક્ષણો

  • શુદ્ધ CSS3 એનિમેશન
  • 8 કલર વૈવિધ્યતા - તમારા પોતાના બનાવવા માટે સરળ!
  • રંગો સાથે જાઓ 5 વધારાની શૈલીઓ
  • 3 ઝડપ સેટિંગ્સ
  • સુપર સરળ માર્કઅપ
  • સુંદર સ્થિર અને લવચીક - લગભગ કોઈપણ પૂર્વ હાલની ડિઝાઇન ઉમેરી શકાય છે
  • CSS3 સંક્રમણો આધાર આપતા નથી બ્રાઉઝર્સમાં ચિત્તાકર્ષકપણે થાય છે
  • નાના FILESIZE, કોર સીએસએસ ફાઇલ ફક્ત 13.7kb છે!
  • (બંને ડાર્ક અને લાઇટ ભિન્નતા) 19 ચિહ્નો સમૂહ વત્તા એક ખાલી ચિહ્ન સાથે પેકેજ થયેલ
  • ફોન્ટ કદ અને ફોન્ટ્સ તમારા પોતાના સીએસએસ દ્વારા કેવળ નક્કી
  • સીએસએસ ફાઈલો સરળ FILESIZE ઓપ્ટિમાઇઝેશન માટે પરવાનગી આપે છે "કોર" (13.7kb) અને "રંગો" (48.5kb) માં વિભાજિત
  • રિસ્પોન્સિવ અને પ્રવાહી લેઆઉટ માટે પરફેક્ટ - કોઈપણ પહોળાઈ સાથે આપોઆપ કામ કરે છે!
  • 6 જુદા જુદા સંપૂર્ણપણે ટિપ્પણી ઉદાહરણ ફાઈલો (દરેક બહુવિધ ઉદાહરણો છે) સમાવેશ થાય છે, જે વિચિત્ર દસ્તાવેજીકરણ.

બ્રાઉઝર આધાર

  • ક્રોમ: પૂર્ણ એનિમેશન
  • સફારી: પૂર્ણ એનિમેશન
  • ફાયરફોક્સ: પૂર્ણ એનિમેશન
  • ઓપેરા: પૂર્ણ એનિમેશન
  • IE8, IE9: hovered જ્યારે કોઈ એનિમેશન, ઘોડાની લગામ તરત દેખાશે

રિબન પ્લેયર સાથે સુસંગત

આ આઇટમ સાથે સુસંગત છે રિબન પ્લેયર, એ જ રિબન એનિમેશન વાપરે છે કે જે HTML5 વિડિઓ પ્લેયર. ભેગા કેવી રીતે વિગતો રિબન પ્લેયર ઓફ દસ્તાવ સમાવેશ થાય છે.

BigFat - સિંગલ પેજમાં Filterable પોર્ટફોલિયો HTML5

ILLUSTRATIC વિડીઓ

તપાસો ખાતરી કરો BigFat, રિબન વીંટો સમાન તત્વો ઉપયોગ કરે છે મારા HTML નમૂનો. આ બે વસ્તુઓ એકઠી ન કરી શકાય કે મહેરબાની કરીને નોંધ કરો.

ક્રેડિટ્સ

પૂર્વદર્શન ક્રેડિટ્સ

ઢાંચો ક્રેડિટ્સ

* હેરી Tennant ખાણ એક વ્યક્તિગત મિત્ર છે અને મને આ રીતે તેમના કામ ઉપયોગ કરવાની પરવાનગી આપવામાં આવી છે.


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

ગુણધર્મો

બનાવનાર:
8 જૂન 12

છેલ્લા સુધારાની તારીખ:
N / A

સુસંગત બ્રાઉઝર્સ:
IE8, IE9, ફાયરફોક્સ, સફારી, ઓપેરા, Chrome ને

ફાઈલો:
એચટીએમએલ, સીએસએસ

સોફ્ટવેર આવૃત્તિ:
CSS2, CSS3

કીવર્ડ્સ

ઈકોમર્સ, ઈકોમર્સ, તમામ વસ્તુઓ, એનિમેશન, કૅપ્શન, રંગો, CSS3, અસર, હોવર, HTML5, ખેલાડી, રિબન, ઘોડાની લગામ, રોલઓવર, સ્લાઇડ, શીર્ષક, વિડિઓ