नमस्कार दोस्तों तो आज मैं बहुत ही दिनों के बाद कोई Script शेयर करने वाला हॅूं। जो की है Animated Eyes इसमें दो आँखे जो है वो आपनके कर्सर की तरह ही देखेंगी। आप जिधर अपने कर्सर को ले कर जायेंगें उधर ही आँखे भी देखेंगी । इसे आप अपने पेज इरर में भी लगा सकते है या कहीं और भी इसे इस्तेमाल कर सकते। तो अगर आप इसे लगाना चाहते है तो नीचे आपको कोड दिया गया है उस कोड को कॉपी कर ले और जिधर लगाना चाहते है उधर आप लगा सकते है जैसे की Page Error या कुछ ऐसी जगह जहाँ पर आप आप कुछ अच्छा बनाना चाहतें है इसे वेबसाइट में लगाइये जो भी ब्लॉगर या कोई और आपकी इन आँखों को देखेगा तो आपसे शायद ही जरूर पूछें।
तो अगर आप लगाना चाहते है तो आपको इसका कोड नीचे दिया गया जाकर अभी डाउललोड कर ले या कॉपी कर ले ।
इस लेख में, आप सीखेंगे कि एनिमेटेड आइज़ फॉलो माउस कैसे बनाया जाता है। यहाँ साधारण HTML CSS HTML का प्रयोग किया जाता है। वेबपेज को आकर्षक बनाने में एनिमेशन अहम भूमिका निभाता है। HTML eyes फॉलो माउस इफेक्ट यहां बनाया गया है।
HTML आंखें माउस प्रभाव का पालन करें
इस आईज़ फॉलो माउस कर्सर डिज़ाइन को बनाने के लिए कुछ CSS और कुछ जावास्क्रिप्ट का उपयोग किया गया है। लेकिन इसे डिजाइन करने के लिए आपको HTML के बारे में कुछ जानकारी होनी चाहिए। इस प्रकार के एनिमेशन का उपयोग किसी भी प्रकार के वेब तत्व या लोगो के साथ किया जा सकता है।
मैंने आपकी सुविधा के लिए नीचे एक डेमो दिया है। यहां आपको इस एनिमेटेड आईज फॉलो का लाइव प्रीव्यू दिखाई देगा। यहां से आप सभी कोड को सीधे कॉपी कर सकते हैं।
घने नीले वेबपेज पर दो वृत्त खींचे गए हैं। उस सर्कल को इस तरह से डिजाइन किया गया है कि यह एक आंख जैसा दिखता है।
उन वृत्तों में छोटे-छोटे वृत्त बनाए गए हैं जो नेत्रगोलक का कार्य करेंगे। जब आप माउस कर्सर की स्थिति बदलते हैं तो यह नेत्रगोलक आपके माउस कर्सर का अनुसरण करेगा।
Copy this Code
.png)
Contact Us!
0 Comments
type your comment...