2011-08-07 12 views
8

जब आप Google खोज पृष्ठ पर परिणाम देखते हैं, तो आप Google प्लस वन बटन एनीमेशन देख सकते हैं जब आप प्रत्येक परिणाम के लिए लिंक या लिंक विवरण पर होवर करते हैं।jquery का उपयोग कर Google प्लस वन बटन प्रभाव कैसे बनाएं?

मैं इंटरनेट खोज रहा था लेकिन सामान्य रूप से किसी छवि या तत्व पर इस प्रभाव को प्राप्त करने के लिए कोई ट्यूटोरियल नहीं ढूंढ पाया।

jquery का उपयोग कर ट्यूटोरियल के लिए कोई सुझाव या लिंक?

अग्रिम धन्यवाद।

+4

कौन बिल्ली एक टिप्पणी छोड़ने के बिना इस दिलचस्प सवाल downvoting है? यह बुरी शैली है। – Codo

उत्तर

8

यह एक छवि है जिसमें कई फ्रेम हैं। मुझे लगता है कि छवि को सीएसएस के माध्यम से पृष्ठभूमि के रूप में उपयोग किया जाता है और एनीमेशन प्रभाव बनाने के लिए पृष्ठभूमि स्थिति तेजी से (जावास्क्रिप्ट के माध्यम से) बदल जाती है।

छवि है:

+1 button

+0

धन्यवाद बहुत फेलिक्स;) – lorenc55

+3

इसे स्प्राइट एनीमेशन कहा जाता है और इस प्रकार Google ने इस साल की शुरुआत में [मार्था ग्राहम लोगो] (http://www.google.com/logos/2011/graham.html) को एनिमेट किया था। अपने स्वयं के स्प्राइट आधारित एनिमेशन को रोल करने में सहायता के लिए [spritely] (http://www.spritely.net/) जैसे jQuery प्लगइन्स हैं। – Marcel

संबंधित मुद्दे