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

CSS के साथ टेक्स्ट में शैडो इफेक्ट जोड़ें

<घंटा/>

पाठ्य छाया का प्रयोग करें पाठ में छाया प्रभाव जोड़ने के लिए गुण। छाया प्रभाव जोड़ने के लिए निम्नलिखित एक उदाहरण है -

उदाहरण

<html>
<head>
<style>
h1 {
text-shadow: 2px 2px;
}
h2 {
text-shadow: 2px 2px red;
}
h3 {
text-shadow: 2px 2px 5px red;
}
h4 {
color: white;
text-shadow: 2px 2px 4px #000000;
}
h5 {
text-shadow: 0 0 3px #FF0000;
}
h6 {
text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
}
p {
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}
</style>
</head>

<body>
<h1>Tutorialspoint.com</h1>
<h2>Tutorialspoint.com</h2>
<h3>Tutorialspoint.com</h3>
<h4>Tutorialspoint.com</h4>
<h5>Tutorialspoint.com</h5>
<h6>Tutorialspoint.com</h6>
<p>Tutorialspoint.com</p>
</body>
</html>

आउटपुट

CSS के साथ टेक्स्ट में शैडो इफेक्ट जोड़ें



  1. सीएसएस के साथ काम करने वाले टेक्स्ट का रंग सेट करना

    CSS कलर प्रॉपर्टी का इस्तेमाल किसी एलीमेंट के टेक्स्ट कलर को सेट करने के लिए किया जाता है। सिंटैक्स CSS कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    color: /*value*/ } उदाहरण निम्नलिखित उदाहरण सीएसएस रंग संपत्ति को दर्शाते हैं - <!DOCTYPE html> <html lang="en"

  1. सीएसएस के साथ काम करने वाला टेक्स्ट ट्रांसफॉर्मेशन

    CSS टेक्स्ट-ट्रांसफ़ॉर्म प्रॉपर्टी हमें किसी तत्व के लिए टेक्स्ट कैपिटलाइज़ेशन सेट करने की अनुमति देती है। यह निम्नलिखित मानों को स्वीकार कर सकता है:कैपिटलाइज़, लोअरकेस, अपरकेस, पूर्ण-चौड़ाई, पूर्ण-आकार-काना और कोई नहीं। सिंटैक्स CSS टेक्स्ट-ट्रांसफॉर्म प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector

  1. सीएसएस के साथ छवियों में दृश्य प्रभाव कैसे जोड़ें?

    CSS के साथ छवियों में दृश्य प्रभाव जोड़ने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img{    margin: 20px; } img.normal{    margin-l