क्रोम में सीएसएस फिल्टर का GPU त्वरण

क्रोमियम 19 में नवाचारों में से एक हार्डवेयर ग्राफिक्स त्वरण के साथ सीएसएस फिल्टर है । filter संपत्ति का उपयोग करते हुए, पृष्ठ पर किसी भी दृश्य तत्व के पिक्सेल-बाय-पिक्सेल प्रसंस्करण का प्रदर्शन किया जाता है - सीएसएस की सिर्फ एक पंक्ति के साथ।

एक पंक्ति में विभिन्न मापदंडों को मिलाकर, आप मूल प्रभावों के साथ आ सकते हैं।


img { -webkit-filter: sepia(100%) contrast(200%) blur(5px) }

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

एक सामान्य जीपीयू-कार्ड की उपस्थिति में, प्रभाव पूरी तरह से मंदी के बिना काम करता है और यहां तक ​​कि आपको सीएसएस में पूरी तरह से लागू होने वाले ब्राउज़र में ग्राफ़िकल संपादक लॉन्च करने की अनुमति देता है, और यहां तक ​​कि -webkit-transition एनीमेशन का उपयोग भी करता है।



CSS फ़िल्टर का उपयोग करने के बारे में अधिक जानकारी के लिए, HTML5Rocks फ़िल्टर संदर्भ ( रूसी में अनुवादित ) देखें।

हम जोड़ते हैं कि भविष्य में, वेब डिज़ाइनरों के पास उन्हें विशेष रूप से अपनी साइट पर लागू करने के लिए अपने स्वयं के फ़िल्टर बनाने का अवसर होगा।