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

CSS के साथ स्मॉल-कैप्स प्रभाव बनाएं

स्मॉल-कैप्स प्रभाव बनाने के लिए, font-variant गुण का उपयोग करें।

उदाहरण

निम्न कोड चलाकर CSS में font-variant गुण के साथ काम करना सीखें:

<html>
  <head>
  </head>
  <body>
    <p style="font-variant:small-caps;">
      Asia, Antartica, Africa are continents
    </p>
  </body>
</html>

font-variant: small-caps लोअरकेस अक्षरों को छोटे बड़े अक्षरों में बदल देता है।

  1. CSS से वेबसाइट के लिए अबाउट/अबाउट अस पेज कैसे बनाएं? CSS से वेबसाइट के लिए अबाउट/अबाउट अस पेज कैसे बनाएं?

    उदाहरण अबाउट पेज बनाने के लिए, निम्न कोड का उपयोग करें: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    html {       box-sizing: border-box;    }  

  1. CSS का उपयोग करके वेबसाइटों के लिए डार्क/लाइट मोड कैसे बनाएं CSS का उपयोग करके वेबसाइटों के लिए डार्क/लाइट मोड कैसे बनाएं

    परिचय किसी वेबपेज के टेक्स्ट और बैकग्राउंड रंग को बदलकर, हम अपनी वेबसाइट के लिए डार्क/लाइट मोड लागू कर सकते हैं। यह उपयोगकर्ता अनुभव को बेहतर बनाता है, खासकर कम रोशनी की स्थितियों में। बुनियादी सिंटैक्स डार्क मोड लागू करने के लिए निम्नलिखित CSS सिंटैक्स का उपयोग किया जा सकता है: selector { color

  1. CSS में पैरलैक्स स्क्रोलिंग प्रभाव कैसे बनाएं CSS में पैरलैक्स स्क्रोलिंग प्रभाव कैसे बनाएं

    परिचय बैकग्राउंड और फोरग्राउंड कंटेंट के लिए अलग-अलग गति निर्दिष्ट करके, हम CSS का उपयोग करके पैरलैक्स स्क्रोलिंग प्रभाव बना सकते हैं। यह गहराई और दृश्य रुचि जोड़ता है। उदाहरण: CSS पैरलैक्स स्क्रोलिंग <!DOCTYPE html> <html> <head> <style> body, html { height: 10