पब्लिश होने की तारीख: 7 अप्रैल, 2026
Chrome 147 को अब रोल आउट किया जा रहा है. इस पोस्ट में, इस रिलीज़ की कुछ मुख्य सुविधाओं के बारे में बताया गया है. Chrome 147 के रिलीज़ नोट पढ़ें.
इस रिलीज़ की मुख्य बातें:
- एलिमेंट के स्कोप वाली व्यू ट्रांज़िशन, किसी भी एचटीएमएल एलिमेंट पर
startViewTransitionको दिखाती है. - CSS contrast-color() से, सुलभता की शर्तों को पूरा करने में मदद मिलती है.
- सीएसएस की
border-shapeप्रॉपर्टी की मदद से, नॉन-रेक्टैंगुलर बॉर्डर बनाए जा सकते हैं.
व्यू ट्रांज़िशन को एलिमेंट के स्कोप में रखना
इस सुविधा की मदद से, किसी भी एचटीएमएल एलिमेंट पर element.startViewTransition() को दिखाया जा सकता है.
यह एलिमेंट, ट्रांज़िशन के लिए स्कोप तय करता है. इसका मतलब है कि ट्रांज़िशन वाले छद्म एलिमेंट पर, पूर्वज क्लिप और ट्रांसफ़ॉर्म का असर पड़ता है. साथ ही, अलग-अलग एलिमेंट पर एक साथ कई ट्रांज़िशन चलाए जा सकते हैं.
एलिमेंट के स्कोप वाली व्यू ट्रांज़िशन की मदद से, चालू व्यू ट्रांज़िशन को नेस्ट किया जा सकता है. साथ ही, पेज के बाकी हिस्से को इंटरैक्टिव रखा जा सकता है.
Chrome 147 में, एलिमेंट-स्कोप वाली व्यू ट्रांज़िशन की मदद से, एक साथ और नेस्ट की गई व्यू ट्रांज़िशन की सुविधा चालू की गई है लेख में इसके बारे में ज़्यादा जानें.
सीएसएस contrast-color()
इस फ़ंक्शन से, सुलभता के लिए कंट्रास्ट की ज़रूरी शर्तों को पूरा करने में मदद मिलती है.
सीएसएस में, contrast-color() फ़ंक्शन का इस्तेमाल किसी भी ऐसी जगह पर किया जा सकता है जहां रंग की वैल्यू की ज़रूरत होती है. यह फ़ंक्शन, रंग की वैल्यू का आर्ग्युमेंट लेता है. इसके बाद, यह 'black' या 'white' में से कोई एक वैल्यू दिखाता है. यह इस बात पर निर्भर करता है कि रंग के आर्ग्युमेंट के हिसाब से, कौनसी वैल्यू सबसे ज़्यादा कंट्रास्ट देती है.
contrast-color() के लिए MDN के दस्तावेज़ में इस बारे में ज़्यादा जानें.
सीएसएस border-shape प्रॉपर्टी
सीएसएस की border-shape प्रॉपर्टी की मदद से, किसी भी आकार के नॉन-रेक्टेंगुलर बॉर्डर बनाए जा सकते हैं. उदाहरण के लिए, बहुभुज, वृत्त या shape().
border-shape, clip-path की तरह ही शेप स्वीकार करता है. हालांकि, यह बुनियादी तौर पर अलग है. border-shape, बॉर्डर की शेप तय करता है, उसे सजाता है, और सिर्फ़ अंदर के हिस्से को काटता है. border-shape के दो वैरिएंट हैं: एक, किसी शेप को स्ट्रोक करता है और दूसरा, दो शेप के बीच में भरता है.
इस बारे में और पढ़ें
इसमें सिर्फ़ कुछ खास हाइलाइट शामिल हैं. Chrome 147 में हुए अन्य बदलावों के बारे में जानने के लिए, यहां दिए गए लिंक देखें.
- Chrome 147 के रिलीज़ नोट.
- Chrome DevTools (147) में नया क्या है.
- ChromeStatus.com पर Chrome 147 से जुड़े अपडेट.
- Chrome के वर्शन रिलीज़ करने का कैलेंडर.
सदस्यता लें
अप-टू-डेट रहने के लिए, Chrome Developers YouTube चैनल को सब्सक्राइब करें. इससे आपको नया वीडियो लॉन्च होने पर ईमेल से सूचना मिलेगी. इसके अलावा, नए लेख और ब्लॉग पोस्ट पाने के लिए, हमें X या LinkedIn पर फ़ॉलो करें.
Chrome 148 के रिलीज़ होते ही, हम आपको Chrome में उपलब्ध नई सुविधाओं के बारे में जानकारी देंगे!