कैसे एक गतिशील, इंद्रधनुषी पृष्ठभूमि बनाने के लिए

नवीन स्टोर Thinkgeek.com की साइट पर , मुझे एक जिज्ञासु प्रभाव का सामना करना पड़ा - एक इंद्रधनुषी पृष्ठभूमि (कैंडी को देखने के लिए आपको स्क्रॉल व्हील को काम करने की आवश्यकता है)। यह बहुत सरल रूप से बनाया गया था, और फिर भी मैं पहली बार एक समान तकनीक के पार आया।











1. पारदर्शी पृष्ठभूमि के साथ दो-रंग की छवि को स्क्रीन पर एक विशिष्ट स्थान सौंपा गया है। उदाहरण के लिए, स्क्रीन के निचले सिरे पर ब्लैक रोबोट और ग्रे लाश!







2. पृष्ठभूमि को काले और भूरे रंग में भी चुना जाता है, जिसमें ग्रे से काले रंग का एक चिकनी ऊर्ध्वाधर संक्रमण होता है। यदि आप माउस के साथ स्क्रॉल करते हैं, तो पृष्ठभूमि लाश और रोबोट के साथ तस्वीर के नीचे चलती है। जब एक तस्वीर ग्रे पर तैरती है, तो ग्रे विवरण पृष्ठभूमि के साथ विलय हो जाता है। जब यह काले रंग में तैरता है, तो काला विवरण पृष्ठभूमि के साथ विलीन हो जाता है। एक मध्यवर्ती स्थिति भी है, जब दोनों रंग दिखाई देते हैं - यह सबसे दिलचस्प प्रभाव पैदा करता है।







यह होलोग्राम की तरह कुछ निकलता है।

एक उदाहरण यहां देखा जा सकता है और निश्चित रूप से thinkgeek.com पर



अद्यतन: पैविसिली ने एक और उदाहरण दिया। मूल दुर्भाग्य से उपलब्ध नहीं है, पुनर्निर्माण यहाँ है (उदाहरण पूरी तरह से बहाल नहीं है, समुद्र के साथ पर्याप्त देशी तस्वीर नहीं है)

UPDATE2: Sir_Michael ने साइट www.webleeddesign.com पर ध्यान आकर्षित किया जहां एक ही चाल का उपयोग किया जाता है, लेकिन एक बहु-रंगीन के साथ नहीं, बल्कि आंशिक रूप से पारदर्शी पृष्ठभूमि के साथ।