CSS के साथ div को -20 डिग्री कोण पर घुमाने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <html> <head> <style> div { width: 300px; height: 100px; background-color: pink; border: 1px solid black; } div#myDiv { /* IE 9 */ -ms-transform: rotate(-20deg); /* Safari */ -webkit-transform: rot

CSS का उपयोग करके मैट्रिक्स ट्रांसफॉर्म्स के साथ div घुमाने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <html>    <head>       <style>          div {             width: 300px;         &n

CSS के साथ दूसरी दिशा में मैट्रिक्स ट्रांसफॉर्म करने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <html>    <head>       <style>          div {             width: 300px;           &nb

मल्टी-कॉलम rule-width प्रॉपर्टी का उपयोग कॉलम की चौड़ाई निर्दिष्ट करने के लिए किया जाता है। CSS का उपयोग करके rule-width प्रॉपर्टी लागू करने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <html>    <head>       <style>          .multi { &n

मल्टी-कॉलम rule-style प्रॉपर्टी का उपयोग कॉलम के लिए स्टाइल नियम निर्दिष्ट करने के लिए किया जाता है। CSS का उपयोग करके rule-style प्रॉपर्टी लागू करने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <html>    <head>       <style>          .mu

टेक्स्ट पर शैडो इफेक्ट्स जोड़ने के लिए text-shadow प्रॉपर्टी का उपयोग करें। शैडो इफेक्ट्स जोड़ने का एक उदाहरण निम्नलिखित है: उदाहरण   <html> <head> <style> h1 { text-shadow: 2px 2px; } h2 { text-shadow: 2px 2px red; } h3 { text-shadow: 2px 2px 5px red; } h4 { color: white; te

एलिमेंट्स पर शैडो इफेक्ट्स जोड़ने के लिए box-shadow प्रॉपर्टी का उपयोग करें। शैडो इफेक्ट्स जोड़ने का एक उदाहरण निम्नलिखित है: उदाहरण <html>    <head>       <style>          div {             width: 300

text-align प्रॉपर्टी का उपयोग टेक्स्ट की अंतिम लाइन को संरेखित करने के लिए किया जाता है। CSS3 में text-align-last प्रॉपर्टी लागू करने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <!DOCTYPE html>    <html>       <head>          <style&

टेक्स्ट और रंग पर जोर देने के लिए उपयोग किया जाता है। आइए एक उदाहरण देखें: text-emphasis: text-emphasis-style text-emphasis-color; यहां, text-emphasis-color: जोर देने वाले चिह्न का अग्रभूमि रंग text-emphasis-style: एलिमेंट के टेक्स्ट पर जोर देने वाले चिह्न

text-overflow प्रॉपर्टी निर्धारित करती है कि प्रदर्शित नहीं की गई ओवरफ्लो कंटेंट को यूजर्स को कैसे संकेत दिया जाता है। उदाहरण text-overflow का नमूना उदाहरण निम्नानुसार दिखाया गया है: <html>    <head>       <style>          p.text1

word-break प्रॉपर्टी का उपयोग लाइन तोड़ने के लिए किया जाता है। उदाहरण निम्नलिखित कोड वर्ड ब्रेकिंग का नमूना कोड दिखाता है: <html>    <head>       <style>          p.text1 {             width: 140px; &n

word-wrap प्रॉपर्टी का उपयोग लाइन तोड़कर अगली लाइन पर लपेटने के लिए किया जाता है। उदाहरण निम्नलिखित नमूना सिंटैक्स दिखाता है: <!DOCTYPE html> <html>    <head>       <style>          div {           &

CSS के साथ टेक्स्ट और रंग पर जोर देने के लिए text-emphasis प्रॉपर्टी का उपयोग करें। आइए एक उदाहरण देखें: text-emphasis: text-emphasis-style text-emphasis-color; यहां, text-emphasis-color: जोर देने वाले चिह्न का अग्रभूमि रंग text-emphasis-style: एलिमेंट के टेक्स्ट पर जोर देने वाले चिह्न

text-align-last प्रॉपर्टी का उपयोग टेक्स्ट की अंतिम लाइन को संरेखित करने के लिए किया जाता है। CSS के साथ टेक्स्ट की अंतिम लाइन को संरेखित करने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <!DOCTYPE html> <html>    <head>       <style>       &

रेडियल ग्रेडिएंट्स केंद्र पर प्रकट होते हैं। CSS3 में रेडियल ग्रेडिएंट्स लागू करने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <html>    <head>       <style>          #grad1 {             height: 100px; &nbs

CSS3 में रिपीट रेडियल ग्रेडिएंट्स लागू करने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <html>    <head>       <style>          #grad1 {             height: 100px;             w

HSL का अर्थ है hue (रंग), saturation (संतृप्ति), lightness (हल्कापन)। यहां, Hue कलर व्हील की डिग्री है, संतृप्ति और हल्कापन 0 से 100% के बीच प्रतिशत मान हैं। उदाहरण निम्नलिखित उदाहरण HSL कलर प्रॉपर्टी दिखाता है: <html>    <head>       <style>    

CSS3 में मल्टी-कलर ग्रेडिएंट्स लागू करने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <html>    <head>       <style>          #grad2 {             height: 100px;             back

डायगोनल ऊपर बाएं से शुरू होता है और नीचे दाएं जाता है। CSS3 में डायगोनल ग्रेडिएंट्स लागू करने के लिए निम्नलिखित कोड आज़माएं: <html>    <head>       <style>          #grad1 {             height: 100px;

लीनियर ग्रेडिएंट्स का उपयोग दो या अधिक रंगों को रैखिक प्रारूप में व्यवस्थित करने के लिए किया जाता है। उदाहरण CSS3 में लीनियर ग्रेडिएंट्स लागू करने के लिए निम्नलिखित कोड आज़माएं: <html>    <head>       <style>          #grad1 { &nb