CSS में word-spacing प्रॉपर्टी पर एनिमेशन लागू करने का तरीका यहां दिखाया गया है। यह शब्दों के बीच की दूरी को बदलता है। उदाहरण <!DOCTYPE html> <html> <head> <style> div { border: 2px solid blue; background: orange; animation: myanim 3s

px इकाई स्क्रीन पिक्सेल में माप को परिभाषित करती है। उदाहरण: div { padding: 40px; } em इकाई फ़ॉन्ट ऊंचाई के सापेक्ष एक माप है। क्योंकि एक em इकाई दिए गए फ़ॉन्ट के आकार के बराबर होती है, यदि आप फ़ॉन्ट को 12pt असाइन करते हैं, तो प्रत्येक em इकाई 12pt होगी; इस प्रकार, 2em 24pt होगा। उदाहरण: p { letter-

CSS में z-index प्रॉपर्टी पर एनिमेशन लागू करने का तरीका यहां दिखाया गया है। यह स्थित तत्वों के स्टैकिंग क्रम को बदलता है। उदाहरण <!DOCTYPE html> <html> <head> <style> div { position: absolute; } #box div { background-color: orang

छद्म वर्ग (Pseudo-class) किसी तत्व या CSS सेलेक्टर की विभिन्न अवस्थाओं को दिखाने के लिए उपयोग किया जाता है। :active छद्म वर्ग दर्शाता है कि तत्व सक्रिय अवस्था में है (उदाहरण: माउस बटन दबाए रखने के दौरान)। यह छद्म वर्ग मुख्य रूप से लिंक्स, बटन्स, या किसी भी तत्व से जुड़ा होता है जो सक्रिय हो सकता है।

छद्म वर्ग (Pseudo-class) किसी तत्व या CSS सेलेक्टर की विभिन्न अवस्थाओं को दिखाने के लिए उपयोग किया जाता है। :visited छद्म वर्ग दर्शाता है कि लिंक पहले देखा जा चुका है। यह छद्म वर्ग मुख्य रूप से लिंक्स (<a>) से जुड़ा होता है। सिंटैक्स a:visited { color: green; } उदाहरण <html> <head&

टेक्स्ट सजावट (अंडरलाइन, ओवरलाइन, लाइन-थ्रू) का रंग सेट करने के लिए text-decoration-color प्रॉपर्टी का उपयोग करें। यह text-decoration-line और text-decoration-style से स्वतंत्र रूप से रंग नियंत्रित करता है। उदाहरण <!DOCTYPE html> <html> <head> <style> .demo {

CSS में padding-top प्रॉपर्टी पर एनिमेशन लागू करने का तरीका यहां दिखाया गया है। उदाहरण <!DOCTYPE html> <html> <head> <style> div { width: 350px; height: 150px; outline: 3px solid maroon; animation: myanim 3s infinite;

CSS में voice-pitch प्रॉपर्टी बोलने वाली आवाज़ की आधारभूत पिच (आवृत्ति) सेट करने के लिए उपयोग की जाती है। सिंटैक्स voice-pitch: [[x-low | low | medium | high | x-high]] उदाहरण p { voice-pitch: low; } व्याख्या: कीवर्ड मान सापेक्ष पिच सेट करते हैं: x-low (बहुत कम), low (कम), medium (मध्यम, डिफ़ॉल्ट),

CSS में perspective प्रॉपर्टी पर एनिमेशन लागू करने का तरीका यहां दिखाया गया है। यह 3D-ट्रांसफॉर्म किए गए बच्चे तत्वों के लिए दृष्टिकोण दूरी को बदलता है, जिससे गहराई प्रभाव बदलता है। उदाहरण <!DOCTYPE html> <html> <head> <style> #demo1 { position: relati

CSS में outline-color प्रॉपर्टी पर एनिमेशन लागू करने का तरीका यहां दिखाया गया है। उदाहरण <!DOCTYPE html> <html> <head> <style> div { width: 550px; height: 350px; outline: 2px solid blue; animation: myanim 3s infinite;

CSS में perspective-origin प्रॉपर्टी पर एनिमेशन लागू करने का तरीका यहां दिखाया गया है। यह 3D-ट्रांसफॉर्म किए गए तत्वों के लिए वैनिशिंग पॉइंट (दृष्टिकोण मूल) की स्थिति को बदलता है। उदाहरण <!DOCTYPE html> <html> <head> <style> #demo1 { position: relative

CSS में text-decoration-color प्रॉपर्टी पर एनिमेशन लागू करने का तरीका यहां दिखाया गया है। यह टेक्स्ट सजावट (अंडरलाइन, ओवरलाइन, लाइन-थ्रू) के रंग को बदलता है। उदाहरण <!DOCTYPE html> <html> <head> <style> #demo { position: absolute; right: 0;

CSS में text-shadow प्रॉपर्टी पर एनिमेशन लागू करने का तरीका यहां दिखाया गया है। यह टेक्स्ट की छाया को समय के साथ बदलता है। उदाहरण <!DOCTYPE html> <html> <head> <style> div { height: 200px; background-color: orange; border: 2px solid b

CSS में text-indent प्रॉपर्टी पर एनिमेशन लागू करने का तरीका यहां दिखाया गया है। यह टेक्स्ट की पहली पंक्ति के इंडेंटेशन को बदलता है। उदाहरण <!DOCTYPE html> <html> <head> <style> div { background-color: orange; border: 2px solid blue; a

CSS में top प्रॉपर्टी पर एनिमेशन लागू करने का तरीका यहां दिखाया गया है। यह स्थिति निर्धारित तत्वों की ऊपरी किनारे से दूरी को बदलता है। उदाहरण <!DOCTYPE html> <html> <head> <style> div { position: absolute; width: 300px; height: 200px;

CSS में outline-offset प्रॉपर्टी पर एनिमेशन लागू करने का तरीका यहां दिखाया गया है। यह आउटलाइन और बॉर्डर एज के बीच की दूरी को बदलता है। उदाहरण <!DOCTYPE html> <html> <head> <style> div { width: 350px; height: 150px; outline: 2px solid

CSS में voice-range प्रॉपर्टी बोलने वाली आवाज़ की सीमा (पिच रेंज) सेट करने के लिए उपयोग की जाती है। सिंटैक्स voice-range: [[x-low | low | medium | high | x-high]] ऊपर, पिच की सीमा सेट करें यानी कम, मध्यम, उच्च, आदि। उदाहरण p { voice-range: 90Hz; } व्याख्या: कीवर्ड मान (x-low से x-high) सापेक्ष पिच र

CSS में outline-width प्रॉपर्टी पर एनिमेशन लागू करने का तरीका यहां दिखाया गया है। उदाहरण <!DOCTYPE html> <html> <head> <style> div { width: 350px; height: 150px; outline: 2px solid yellow; animation: myanim 3s infinite;

CSS में outline शॉर्टहैंड प्रॉपर्टी पर एनिमेशन लागू करने का तरीका यहां दिखाया गया है। यह आउटलाइन की चौड़ाई, शैली और रंग को एक साथ बदलता है। उदाहरण <!DOCTYPE html> <html> <head> <style> div { width: 550px; height: 350px; outline: 1px s

CSS में padding शॉर्टहैंड प्रॉपर्टी पर एनिमेशन लागू करने का तरीका यहां दिखाया गया है। यह चारों ओर के पैडिंग को एक साथ बदलता है। उदाहरण <!DOCTYPE html> <html> <head> <style> div { width: 350px; height: 150px; outline: 2px solid orange;