Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

CSS फिल्टर्स की भूमिका

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

यदि आप अपनी साइट को मल्टी-ब्राउज़र के लिए विकसित कर रहे हैं, तो CSS फिल्टर्स का उपयोग करना अच्छा विचार नहीं हो सकता क्योंकि संभावना है कि यह कोई लाभ नहीं देगा।

कुछ CSS फिल्टर्स में शामिल हैं: मोशन ब्लर, क्रोमा फिल्टर, फ्लिप इफेक्ट, आदि।

महत्वपूर्ण: ये लीगेसी माइक्रोसॉफ्ट फिल्टर्स हैं जो केवल पुराने इंटरनेट एक्सप्लोरर वर्जन्स (IE 4-9) में काम करते थे। आधुनिक वेब विकास के लिए CSS3 filter प्रॉपर्टी (blur, brightness, contrast, grayscale, sepia, drop-shadow, आदि) का उपयोग करें जो सभी आधुनिक ब्राउज़र्स में समर्थित है।

  1. - CSS :focus सेलेक्टर की भूमिका

    CSS :focus सेलेक्टर का उपयोग :focus सेलेक्टर का उपयोग उस एलिमेंट को स्टाइल करने के लिए किया जाता है जिस पर वर्तमान में फोकस है। यह मुख्य रूप से फॉर्म एलिमेंट्स (जैसे <input>, <textarea>, <select>) और लिंक्स (<a>) पर लागू होता है जब वे कीबोर्ड नेविगेशन या माउस क्लिक के माध्यम

  1. - CSS :nth-last-of-type(n) सेलेक्टर की भूमिका

    :nth-last-of-type(n) सेलेक्टर का उपयोग :nth-last-of-type(n) सेलेक्टर का उपयोग पैरेंट एलिमेंट के अंदर अंतिम बच्चे से गिनती करके nth टाइप के एलिमेंट को सिलेक्ट करने के लिए किया जाता है। उदाहरण नीचे दिए गए उदाहरण में, पैरेंट के अंदर अंतिम से दूसरा <p> एलिमेंट (यानी 5 पैराग्राफ में से 4th) को स्ट

  1. CSS :nth-last-child(n) सेलेक्टर की भूमिका CSS :nth-last-child(n) सेलेक्टर की भूमिका

    :nth-last-child(n) सेलेक्टर का उपयोग :nth-last-child(n) सेलेक्टर पैरेंट के अंतिम चाइल्ड से गिनती करके nth चाइल्ड को सिलेक्ट करता है, चाहे उसका टाइप कुछ भी हो। यह :nth-last-of-type से अलग है जो केवल उसी टाइप के एलिमेंट्स गिनता है। उदाहरण यहां 6 पैराग्राफ हैं, और 4th लास्ट चाइल्ड (यानी 3rd पैराग्राफ)