2011-07-05 14 views
5

ओवरले मिश्रण पारदर्शिता को बदलने के विरोध में, छवि के रंग को शीर्ष पर बदल देता है। क्या सीएसएस के साथ नकल करने का कोई तरीका है? ओवरलैड करने के लिए परत सेट के साथ बस फ़ोटोशॉप छवि का निर्यात करना और इसे वेब पेज पर पृष्ठभूमि पर रखना काम नहीं करता है।क्या सीएसएस के साथ फ़ोटोशॉप के ओवरले फ़िल्टर की नकल करने का कोई तरीका है?

उत्तर

9

यह शुद्ध सीएसएस के साथ नहीं किया जा सकता है, लेकिन यह जावास्क्रिप्ट के साथ किया जा सकता है। Pixastic's blend function देखें, इसमें ~ 20 मिश्रण विधियां हैं जो फ़ोटोशॉप में मेल खाते हैं।

नोट: यह उत्तर वर्षों से कम सटीक हो गया है। mix-blend-mode विशेषता अब अधिकांश ब्राउज़रों में काम करती है, और पिक्सस्टिक गायब हो गया प्रतीत होता है।

+0

+1 वाह, बहुत अच्छा। ओपी को एफवाईआई, यह सैद्धांतिक रूप से सीएसएस में ऐसा कुछ शामिल करना संभव है, लेकिन आपको नियमों को खींचने के लिए स्टाइलशीट का विश्लेषण करना होगा और फिर उन्हें जेएस के साथ संसाधित करना होगा। –

0

अब आप सीएसएस के साथ ऐसा कर सकते हैं, लेकिन केवल आधुनिक ब्राउज़र में, कोशिश background-blend-mode: multiply; इसे अपनी पृष्ठभूमि रंग वाले एक तत्व की पृष्ठभूमि छवि मिश्रण।

1

मुझे पार्टी के लिए देर हो चुकी है, लेकिन अब mix-blend-mode सीएसएस संपत्ति है जो पूरे तत्व में मिश्रण मोड लागू करती है जो नीचे दिए गए तत्वों को ध्यान में रखती है।

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

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