-
CSS के साथ बाउंस एनिमेशन प्रभाव
बाउंस एनिमेशन प्रभाव सतह से टकराने के बाद एलिमेंट को तेजी से ऊपर, पीछे, या सतह से दूर ले जाने के लिए उपयोग किया जाता है। उदाहरण बाउंस एनिमेशन प्रभाव लागू करने के लिए निम्न कोड चलाएं: <html> <head> <style> .animated { background-image: url(/css/images/logo.png)
-
CSS @charset नियम का उपयोग
यदि आप ASCII या ISO-8859-1 के अलावा किसी अन्य कैरेक्टर सेट का उपयोग करके अपना डॉक्यूमेंट लिख रहे हैं, तो आप अपनी स्टाइलशीट के शीर्ष पर @charset नियम सेट करना चाह सकते हैं ताकि यह दर्शाया जा सके कि स्टाइल शीट किस कैरेक्टर सेट में लिखी गई है। @charset नियम स्टाइल शीट की शुरुआत में ही लिखा जाना चाहिए,
-
CSS के साथ बाउंस इन एनिमेशन प्रभाव
CSS के साथ बाउंस इन एनिमेशन प्रभाव लागू करने के लिए, आप निम्न कोड चला सकते हैं: उदाहरण <html> <head> <style> .animated { background-image: url(/css/images/logo.png); background-repeat: no-repeat; background-position: left top; padding-to
-
CSS के साथ फेड आउट लेफ्ट बिग एनिमेशन प्रभाव
CSS के साथ किसी इमेज पर फेड आउट लेफ्ट बिग एनिमेशन प्रभाव लागू करने के लिए, आप निम्न कोड चला सकते हैं: उदाहरण <html> <head> <style> .animated { background-image: url(/css/images/logo.png); background-repeat: no-repeat; background-position: left t
-
CSS border-top-right-radius प्रॉपर्टी
CSS में ऊपरी दाएं त्रिज्या बॉर्डर सेट करने के लिए border-top-right-radius प्रॉपर्टी का उपयोग करें। उदाहरण <html> <head> <style> #rcorner { border-radius: 25px; border-top-right-radius: 45px; background: orange; padding: 20px; wid
-
CSS border-bottom-right-radius प्रॉपर्टी
निचले दाएं कोने की बॉर्डर सेट करने के लिए border-bottom-right-radius प्रॉपर्टी का उपयोग करें। उदाहरण <html> <head> <style> #rcorner { border-radius: 25px; border-bottom-right-radius: 45px; background: orange; padding: 20px; width
-
CSS के साथ फेड आउट राइट एनिमेशन प्रभाव
CSS के साथ किसी इमेज पर फेड आउट राइट एनिमेशन प्रभाव लागू करने के लिए, आप निम्न कोड चला सकते हैं: उदाहरण <html> <head> <style> .animated { background-image: url(/css/images/logo.png); background-repeat: no-repeat; background-position: left top;
-
CSS border-bottom-left-radius प्रॉपर्टी
निचले बाएं कोने की बॉर्डर सेट करने के लिए border-bottom-left-radius प्रॉपर्टी का उपयोग करें। उदाहरण <html> <head> <style> #rcorner { border-radius: 25px; border-bottom-left-radius: 45px; background: blue; padding: 20px; width: 20
-
CSS से ऑब्जेक्ट को साइन वेव डिस्टॉर्शन दें ताकि यह लहरदार दिखे
वेव इफेक्ट ऑब्जेक्ट को साइन वेव डिस्टॉर्शन देकर इसे लहरदार बनाने के लिए उपयोग किया जाता है। इस फिल्टर में निम्न पैरामीटर्स उपयोग किए जा सकते हैं: क्र.सं. पैरामीटर और विवरण 1 Addमान 1 मूल इमेज को वेव्ड इमेज में जोड़ता है, 0 नहीं जोड़ता।
-
CSS मल्टी बैकग्राउंड प्रॉपर्टी
CSS मल्टी बैकग्राउंड प्रॉपर्टी का उपयोग HTML कोड के बिना एक समय में एक या अधिक इमेजेज जोड़ने के लिए किया जाता है। हम आवश्यकतानुसार इमेजेज जोड़ सकते हैं। मल्टी बैकग्राउंड इमेजेज का एक नमूना सिंटैक्स इस प्रकार है: #multibackground { background-image: url(/css/images/logo.png), url(/css/images/bord
-
CSS background प्रॉपर्टी
CSS background प्रॉपर्टी का उपयोग सभी बैकग्राउंड इमेज प्रॉपर्टीज को एक सेक्शन में सेट करने के लिए किया जाता है। उदाहरण <html> <head> <style> #demo { background: lightblue url(https://www.tutorialspoint.com/css/images/css-mini-logo.jpg) no-repeat fixed top;
-
CSS @media नियम
@media नियम नियमों के एक सेट के टार्गेट मीडिया टाइप्स (कॉमा से अलग) को निर्दिष्ट करता है। उदाहरण आइए @media नियम का एक उदाहरण देखें: <style> <!-- @media print { body { font-size: 10pt } } @media screen { body { font-size: 12pt } } @media screen, print {
-
CSS background-size प्रॉपर्टी
CSS background-size प्रॉपर्टी का उपयोग बैकग्राउंड इमेजेज के आकार को निर्दिष्ट करने के लिए किया जाता है। उदाहरण CSS में background-size प्रॉपर्टी लागू करने के लिए निम्न कोड चलाएं: <html> <head> <style> #demo { border: 5px dashed green; padding: 10px;
-
CSS speak-numeral प्रॉपर्टी
speak-numeral प्रॉपर्टी नियंत्रित करती है कि अंक कैसे बोले जाएंगे। संभावित मान हैं: digits - अंक को व्यक्तिगत अंकों के रूप में बोलें। इस प्रकार, 237 बोला जाएगा Two Three Seven। continuous - अंक को पूर्ण संख्या के रूप में बोलें। इस प्रकार, 237 बोला जाएगा Two hundred thirty seven। शब्द प्रतिनिध
-
CSS से क्षीण छाया बनाएं
शैडो फिल्टर का उपयोग निर्दिष्ट दिशा और रंग में एक क्षीण छाया बनाने के लिए किया जाता है। इस फिल्टर में निम्न पैरामीटर्स उपयोग किए जा सकते हैं: क्र.सं. पैरामीटर और विवरण 1 Colorवह रंग जो आप छाया के लिए चाहते हैं। 2 Directionब्लर
-
CSS speak-punctuation प्रॉपर्टी
speak-punctuation प्रॉपर्टी निर्दिष्ट करती है कि विराम चिह्न कैसे बोले जाएंगे। संभावित मान हैं: code - सेमीकॉलन, ब्रेसेस आदि जैसे विराम चिह्नों को शाब्दिक रूप से बोला जाना है। none - विराम चिह्नों को बोला नहीं जाना है बल्कि स्वाभाविक रूप से विभिन्न ठहरावों के रूप में रेंडर किया जाना है। नोट
-
CSS stress प्रॉपर्टी
यह प्रॉपर्टी आवाज के इन्टोनेशन कंटूर में लोकल पीक्स की ऊंचाई निर्दिष्ट करती है। अंग्रेजी एक स्ट्रेस्ड भाषा है, और वाक्य के विभिन्न भागों को प्राथमिक, द्वितीयक, या तृतीयक स्ट्रेस असाइन किया जाता है। संभावित मान हैं: number - 0 और 100 के बीच का मान। मानों का अर्थ बोली जाने वाली भाषा पर निर्भर करत
-
CSS voice-family प्रॉपर्टी
मान वॉयस फैमिली नामों की एक कॉमा-सेपरेटेड, प्राथमिकता वाली सूची है। इसके निम्न मान हो सकते हैं: generic-voice - मान वॉयस फैमिली हैं। संभावित मान male, female, और child हैं। specific-voice - मान विशिष्ट इंस्टेंसेस हैं (जैसे comedian, trinoids, carlos, lani)। उदाहरण voice-family प्रॉपर्टी लागू
-
CSS से स्क्रीन और प्रिंट के लिए अलग-अलग फॉन्ट फैमिली सेट करें
निम्न उदाहरण स्क्रीन और प्रिंट के लिए अलग-अलग फॉन्ट फैमिली निर्दिष्ट करता है। अगला CSS स्क्रीन के साथ-साथ प्रिंटर दोनों के लिए समान फॉन्ट साइज उपयोग करता है। उदाहरण <style> <!-- @media screen { p.bodyText {font-family: verdana, arial, sans-serif;} } @media print {
-
CSS से कॉलम लेआउट बनाएं
कॉलम लेआउट बनाने के लिए: पूरे डॉक्यूमेंट के मार्जिन और पैडिंग को निम्नानुसार सेट करें: <style> <!-- body { margin: 9px 9px 0 9px; padding: 0; background: #FFF; } --> </style> पीले रंग के साथ एक कॉलम परिभाषित करें और बाद में हम इस नियम को एक <div&