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

CSS visibility:hidden का उपयोग


एलिमेंट छुपाएं

visibility प्रॉपर्टी को hidden मान के साथ उपयोग करके किसी एलिमेंट को छुपाया जा सकता है।

उदाहरण

<html>
  <head>
  </head>
  <body>
    <p>यह पैराग्राफ सामान्य रूप से दिखाई देगा।</p>
    <p style="visibility:hidden;">
      यह पैराग्राफ दिखाई नहीं देगा।
    </p>
  </body>
</html>

  1. CSS overflow: hidden प्रॉपर्टी CSS overflow: hidden प्रॉपर्टी

    overflow: hidden का उपयोग overflow: hidden ओवरफ्लो हो रहे कंटेंट को क्लिप (छिपा) देता है, और कोई स्क्रॉलबार नहीं दिखाता। कंटेंट बस कट जाता है और यूजर उसे नहीं देख सकता। उदाहरण <!DOCTYPE html> <html> <head> <style> div { background-color: orange; w

  1. - CSS में cubic-bezier() फ़ंक्शन का उपयोग

    क्यूबिक बेज़ियर कर्व को परिभाषित करने के लिए cubic-bezier() फ़ंक्शन का उपयोग किया जाता है। यह CSS ट्रांज़िशन और एनिमेशन के लिए कस्टम टाइमिंग फ़ंक्शन बनाने की अनुमति देता है। चार पैरामीटर्स (x1, y1, x2, y2) कर्व के दो कंट्रोल पॉइंट्स को परिभाषित करते हैं। उदाहरण <!DOCTYPE html> <html>

  1. - CSS में repeating-radial-gradient() फ़ंक्शन का उपयोग

    repeating-radial-gradient() फ़ंक्शन का उपयोग रेडियल ग्रेडिएंट को दोहराने के लिए किया जाता है। यह एक केंद्र बिंदु से बाहर की ओर दोहराता हुआ पैटर्न बनाता है। उदाहरण <!DOCTYPE html> <html> <head> <style> #demo { height: 300px; background: repeati