-
CSS elevation प्रॉपर्टी
elevation प्रॉपर्टी सेट करती है कि ध्वनि ऊर्ध्वाधर रूप से कहां से आनी चाहिए। संभावित मान इस प्रकार हैं: angle - कोण के रूप में ऊंचाई निर्दिष्ट करता है, -90deg और 90deg के बीच। 0deg का अर्थ है आगे का क्षितिज, जो ढीले तौर पर श्रोता के स्तर का मतलब है। 90deg का अर्थ है सीधे ऊपर और -90deg का अर्
-
CSS के साथ Fade Out Up एनिमेशन प्रभाव
CSS के साथ किसी इमेज पर Fade Out Up एनिमेशन प्रभाव लागू करने के लिए, आप निम्न कोड आज़मा सकते हैं: उदाहरण <html> <head> <style> .animated { background-image: url(/css/images/logo.png); background-repeat: no-repeat; background-position: left top;
-
CSS में पेज आकार सेट करने के मान
पेज आकार सेट करने के लिए चार मान उपयोग किए जा सकते हैं: auto - पेज बॉक्स को टारगेट शीट के आकार और ओरिएंटेशन पर सेट किया जाएगा। landscape - टारगेट के ओरिएंटेशन को ओवरराइड करता है। पेज बॉक्स टारगेट के समान आकार का होता है, और लंबी भुजाएं क्षैतिज होती हैं। portrait - टारगेट के ओरिएं
-
CSS के साथ Bounce In Down एनिमेशन प्रभाव
CSS के साथ Bounce In Down एनिमेशन प्रभाव लागू करने के लिए, आप निम्न कोड आज़मा सकते हैं: उदाहरण <html> <head> <style> .animated { background-image: url(/css/images/logo.png); background-repeat: no-repeat; background-position: left top; pa
-
CSS के साथ बैकग्राउंड इमेज का आकार निर्दिष्ट करें
CSS background-size प्रॉपर्टी का उपयोग बैकग्राउंड इमेज का आकार निर्दिष्ट करने के लिए किया जाता है। आप background-image लागू करने के लिए निम्न कोड आज़मा सकते हैं: उदाहरण <html> <head> <style> #demo { border: 5px dashed green; padding: 10px; backg
-
CSS के साथ Bounce In Left एनिमेशन प्रभाव
CSS के साथ Bounce In Left एनिमेशन प्रभाव लागू करने के लिए, आप निम्न कोड आज़मा सकते हैं: उदाहरण <html> <head> <style> .animated { background-image: url(/css/images/logo.png); background-repeat: no-repeat; background-position: left top; pa
-
CSS background-origin प्रॉपर्टी
CSS background-origin प्रॉपर्टी का उपयोग बैकग्राउंड इमेज की स्थिति निर्दिष्ट करने के लिए किया जाता है। उदाहरण आप background-origin प्रॉपर्टी लागू करने के लिए निम्न कोड आज़मा सकते हैं: <html> <head> <style> #demo { border: 5px dashed red; padding: 10px;
-
CSS के साथ Bounce In Right एनिमेशन प्रभाव
CSS के साथ Bounce In Right एनिमेशन प्रभाव लागू करने के लिए, आप निम्न कोड आज़मा सकते हैं: उदाहरण <html> <head> <style> .animated { background-image: url(/css/images/logo.png); background-repeat: no-repeat; background-position: left top; p
-
CSS के साथ Bounce Out एनिमेशन प्रभाव
CSS के साथ Bounce Out एनिमेशन प्रभाव लागू करने के लिए, आप निम्न कोड आज़मा सकते हैं: उदाहरण <html> <head> <style> .animated { background-image: url(/css/images/logo.png); background-repeat: no-repeat; background-position: left top; paddin
-
CSS के साथ Bounce Out Down एनिमेशन प्रभाव
CSS के साथ Bounce Out Down एनिमेशन प्रभाव लागू करने के लिए, आप निम्न कोड आज़मा सकते हैं: उदाहरण <html> <head> <style> .animated { background-image: url(/css/images/logo.png); background-repeat: no-repeat; background-position: left top; p
-
CSS के साथ Bounce Up एनिमेशन प्रभाव
CSS के साथ Bounce Up एनिमेशन प्रभाव लागू करने के लिए, आप निम्न कोड आज़मा सकते हैं: उदाहरण <html> <head> <style> .animated { background-image: url(/css/images/logo.png); background-repeat: no-repeat; background-position: left top; padding
-
CSS के साथ Bounce Out Left एनिमेशन प्रभाव
CSS के साथ Bounce Out Left एनिमेशन प्रभाव लागू करने के लिए, आप निम्न कोड आज़मा सकते हैं: उदाहरण <html> <head> <style> .animated { background-image: url(/css/images/logo.png); background-repeat: no-repeat; background-position: left top; p
-
CSS background-clip प्रॉपर्टी
CSS background-clip प्रॉपर्टी का उपयोग बैकग्राउंड के पेंटिंग क्षेत्र को घोषित करने के लिए किया जाता है। आप CSS में background-clip प्रॉपर्टी लागू करने के लिए निम्न कोड आज़मा सकते हैं: उदाहरण <html> <head> <style> #demo { border: 5px dashed red; padding:
-
CSS के साथ एक ही सेक्शन में सभी बैकग्राउंड इमेज प्रॉपर्टी सेट करें
CSS background प्रॉपर्टी का उपयोग सभी बैकग्राउंड इमेज प्रॉपर्टी को एक ही सेक्शन में सेट करने के लिए किया जाता है। उदाहरण आप background प्रॉपर्टी लागू करने के लिए निम्न कोड आज़मा सकते हैं: <html> <head> <style> #demo { background: lightblue url(https://www.tutor
-
CSS pause प्रॉपर्टी
यह प्रॉपर्टी pause-before और pause-after सेट करने का शॉर्टहैंड है। यदि दो मान दिए गए हैं, तो पहला मान pause-before है और दूसरा pause-after है। उदाहरण आइए CSS में pause प्रॉपर्टी का एक उदाहरण देखें: <style> <!-- /* pause-before: 20ms; pause-after: 20ms */ h1 { pause : 20ms } /
-
CSS pause-before प्रॉपर्टी
यह प्रॉपर्टी एक तत्व की सामग्री बोलने से पहले देखे जाने वाले ठहराव को निर्दिष्ट करती है। संभावित मान हैं: time - सेकंड और मिलीसेकंड में पूर्ण समय इकाइयों में ठहराव व्यक्त करता है। percentage - speech-rate प्रॉपर्टी के मान के व्युत्क्रम को संदर्भित करता है। उदाहरण के लिए, यदि speech-rate 120 शब्द प
-
CSS के साथ बैकग्राउंड का पेंटिंग क्षेत्र घोषित करें
CSS background-clip प्रॉपर्टी का उपयोग बैकग्राउंड के पेंटिंग क्षेत्र को घोषित करने के लिए किया जाता है। आप CSS के साथ background-clip प्रॉपर्टी लागू करने के लिए निम्न कोड आज़मा सकते हैं: उदाहरण <html> <head> <style> #demo { border: 5px dashed red; paddi
-
CSS के साथ बैकग्राउंड इमेज निर्दिष्ट करें
CSS background-image प्रॉपर्टी का उपयोग बैकग्राउंड इमेज निर्दिष्ट करने के लिए किया जाता है। आप बैकग्राउंड इमेज सेट करने के लिए निम्न कोड आज़मा सकते हैं: उदाहरण <html> <head> <style> #demo { border: 5px dashed red; padding: 10px; background-image
-
CSS में एनिमेशन प्रभाव
एनिमेशन गति प्रभाव बनाने और उपस्थिति बदलने की प्रक्रिया है। CSS विभिन्न एनिमेशन प्रभावों का समर्थन करता है जो इवेंट मोशन को बदलते हैं। एनिमेशन के अंतर्गत, एक अवधारणा Keyframes का उपयोग किया जाता है। Keyframes CSS3 में मध्यवर्ती एनिमेशन चरणों को नियंत्रित करते हैं। नीचे दिए गए उदाहरण में keyframes स
-
CSS से बैकग्राउंड इमेजेज की स्थिति निर्दिष्ट करें
CSS background-origin प्रॉपर्टी का उपयोग बैकग्राउंड इमेजेज की स्थिति निर्दिष्ट करने के लिए किया जाता है। उदाहरण background-image प्रॉपर्टी लागू करने के लिए निम्न कोड चलाएं: <html> <head> <style> #demo { border: 5px dashed red; padding: 10px; ba