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

CSS3 फ़िल्टर प्रभाव के साथ कार्य करना

<घंटा/>

CSS3 में फ़िल्टर प्रभाव सेट करने के लिए, फ़िल्टर गुण का उपयोग करें। निम्नलिखित फ़िल्टर प्रभाव सेट किए जा सकते हैं -

<पूर्व>धुंधला () | चमक () | कंट्रास्ट () | ग्रेस्केल () | उलटा () | अस्पष्टता () | संतृप्त () | यूआरएल ();

CSS3 में फ़िल्टर प्रभाव का उपयोग करने के लिए कोड निम्नलिखित है -

उदाहरण

CSS3 फ़िल्टर प्रभाव उदाहरण

CSS3 फ़िल्टर प्रभाव के साथ कार्य करना CSS3 फ़िल्टर प्रभाव के साथ कार्य करना

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -

CSS3 फ़िल्टर प्रभाव के साथ कार्य करना


  1. CSS3 के संक्रमण प्रभाव कैसे बनाएं?

    CSS3 के संक्रमण प्रभाव बनाने के लिए, संक्रमण संपत्ति का उपयोग करें। CSS3 का उपयोग करके संक्रमण प्रभाव बनाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <style> .container div {    width: 300px;    height: 100px;    background:

  1. CSS3 के 3D ट्रांसफ़ॉर्म फ़ंक्शंस के साथ कार्य करना

    3डी ट्रांस्फ़ॉर्म का उपयोग करके, हम तत्व को x-अक्ष, y-अक्ष और z-अक्ष में स्थानांतरित कर सकते हैं। CSS3 3D Transform के कुछ तरीके निम्नलिखित हैं - नीचे दी गई विधियों का उपयोग 3D रूपांतरणों को कॉल करने के लिए किया जाता है - क्रमांक मूल्य और विवरण 1 matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)

  1. CSS3 के साथ एकाधिक पृष्ठभूमि जोड़ना

    कई बैकग्राउंड जोड़ने के लिए, CSS में बैकग्राउंड-इमेज प्रॉपर्टी का इस्तेमाल करें। एकाधिक पृष्ठभूमि जोड़ने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <style> body {    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } div {