-
CSS के साथ लीनियर ग्रेडिएंट्स को कैसे रिपीट करें
CSS के साथ लीनियर ग्रेडिएंट दोहराने के लिए, रिपीटिंग-लीनियर-ग्रेडिएंट () फ़ंक्शन का उपयोग करें। आप इसे लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html> <head> <style> #dem
-
सीएसएस के साथ सभी एनीमेशन गुणों को सेट करने के लिए शॉर्टहैंड संपत्ति
सभी एनिमेशन गुणों को सेट करने के लिए शॉर्टहैंड प्रॉपर्टी एनीमेशन है . यह एनिमेशन की अवधि, एनिमेशन का नाम आदि सेट करता है। एनीमेशन शॉर्टहैंड प्रॉपर्टी के साथ काम करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html> <head>
-
CSS के साथ स्टाइल इनपुट टाइप बटन
इनपुट टाइप बटन सबमिट बटन या रीसेट बटन हो सकता है। CSS के साथ, हम वेब पेज पर किसी भी बटन को स्टाइल कर सकते हैं। आप इनपुट टाइप बटन को स्टाइल करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html> <head> <style> &nb
-
CSS रेडियल ग्रेडिएंट्स के साथ एक समान दूरी वाले रंग स्टॉप बनाएं
सीएसएस के साथ रेडियल ग्रेडिएंट के साथ समान रूप से दूरी वाले रंग स्टॉप बनाने के लिए कम से कम दो रंग स्टॉप परिभाषित करें: उदाहरण <!DOCTYPE html> <html> <head> <style> #demo {
-
CSS के साथ एनिमेशन की शुरुआत के लिए विलंब सेट करें
एनीमेशन-देरी . का उपयोग करें संपत्ति सीएसएस के साथ एक एनीमेशन की शुरुआत के लिए देरी सेट करने के लिए: उदाहरण <!DOCTYPE html> <html> <head> <style> div { width: 150px;
-
सेट करें कि एनीमेशन को आगे चलाया जाना चाहिए या सीएसएस का उपयोग करना चाहिए
एनीमेशन-दिशा का प्रयोग करें संपत्ति यह निर्धारित करने के लिए कि क्या एनीमेशन को आगे, पीछे या वैकल्पिक चक्रों में चलाया जाना चाहिए: उदाहरण <!DOCTYPE html> <html> <head> <style> div { &nbs
-
CSS के साथ एनिमेशन के लिए फिल-मोड कैसे सेट करें
CSS के साथ एनिमेशन के लिए फिल-मोड सेट करने के लिए, एनिमेशन-फिल-मोड का उपयोग करें संपत्ति। इसमें आगे, पीछे, दोनों दिशाओं आदि के लिए मान हैं। आप एनिमेशन के लिए भरण-मोड सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं; उदाहरण <!DOCTYPE html> <html> <head> &n
-
CSS के साथ एनीमेशन गुणों को दोनों दिशाओं में बढ़ाएँ
एनिमेशन-फ़िल-मोड का उपयोग करें दोनों . के मान वाली संपत्ति एनिमेशन गुणों को दोनों दिशाओं में विस्तारित करने के लिए। उदाहरण <!DOCTYPE html> <html> <head> <style> div {  
-
प्रत्येक <a> तत्व का चयन करता है जिसका alt विशेषता मान CSS के साथ Tutor से शुरू होता है
निर्दिष्ट मान से शुरू होने वाली निर्दिष्ट विशेषता वाले तत्वों का चयन करने के लिए [attribute|=”value”] चयनकर्ता का उपयोग करें। आप CSS [attribute|=”value”] Selector को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं, उदाहरण [alt|=Tutor] { बॉर्डर:5px सॉलिड ऑरेंज; सीमा-त्रिज्या:5px; }
-
उन तत्वों का चयन करें जिनकी विशेषता मान CSS के साथ निर्दिष्ट मान के साथ समाप्त होती है
उन तत्वों का चयन करने के लिए जिनकी विशेषता मान निर्दिष्ट मान के साथ समाप्त होती है, [विशेषता $ =मान] चयनकर्ता का उपयोग करें। आप CSS [attribute$ =value] Selector, को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> &nb
-
सीएसएस के साथ तत्व को अंतिम कीफ्रेम द्वारा निर्धारित शैली मूल्यों को बनाए रखने के लिए सेट करें
पहले कीफ़्रेम द्वारा निर्धारित शैली मानों को बनाए रखने के लिए तत्वों को सेट करने के लिए, एनिमेशन-फिल-मोड का उपयोग करें अग्रेषित . के साथ संपत्ति मूल्य। उदाहरण <!DOCTYPE html> <html> <head> <style> div { &n
-
प्रत्येक <a> तत्व का चयन करता है जिसके href विशेषता मान में CSS के साथ सबस्ट्रिंग java शामिल है
उन तत्वों का चयन करने के लिए [विशेषता * =मान] चयनकर्ता का उपयोग करें जिनके विशेषता मान में एक निर्दिष्ट मान होता है। आप CSS [attribute*=value] चयनकर्ता, को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head>
-
CSS बॉर्डर-बॉक्स मान
बॉर्डर . सेट करने के लिए सीएसएस बैकग्राउंड-ओरिजिनल प्रॉपर्टी का इस्तेमाल करें -बॉक्स मूल्य। बॉर्डर-बॉक्स मान के साथ, बैकग्राउंड इमेज बॉर्डर के ऊपरी बाएँ कोने से शुरू होती है। आप बॉर्डर-बॉक्स मान को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html> &n
-
CSS एनिमेशन शॉर्टहैंड प्रॉपर्टी
सभी एनिमेशन गुणों को सेट करने के लिए शॉर्टहैंड प्रॉपर्टी एनीमेशन है . यह एनीमेशन अवधि, एनीमेशन नाम, आदि सेट करता है। एनिमेशन शॉर्टहैंड प्रॉपर्टी के साथ काम करने का तरीका जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html> <head> &nb
-
CSS एनिमेशन-पुनरावृत्ति-गिनती संपत्ति
एनीमेशन-पुनरावृत्ति-गणना का उपयोग करें एक एनीमेशन को सीएसएस के साथ कितनी बार चलाया जाना चाहिए यह निर्धारित करने के लिए संपत्ति। आप एनीमेशन-पुनरावृत्ति-गिनती संपत्ति को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head>  
-
CSS के साथ एक स्टिकी नेवबार बनाएं
एक चिपचिपा नावबार बनाने के लिए, स्थिति:चिपचिपा; का उपयोग करें संपत्ति। चिपचिपा नावबार बनाने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं, उदाहरण <!DOCTYPE html> <html> <head> <style> ul { &n
-
प्रत्येक <a> तत्व का चयन करता है जिसका href विशेषता मान सीएसएस के साथ .htm के साथ समाप्त होता है
[attribute$=”value”] सिलेक्टर का इस्तेमाल उन एलिमेंट को चुनने के लिए करें, जिनका एट्रिब्यूट मान एक निर्दिष्ट मान यानी “.htm” के साथ यहां खत्म होता है। आप CSS [attribute$=value] Selector, को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>  
-
CSS के साथ एनीमेशन में देरी कैसे करें
एनिमेशन में देरी करने के लिए, CSS एनीमेशन-देरी . का उपयोग करें संपत्ति। एनिमेशन में देरी के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> div {
-
सेट करें कि CSS के साथ एनिमेशन कितनी बार चलना चाहिए
एनिमेशन-पुनरावृत्ति-गणना का उपयोग करें यह निर्धारित करने के लिए कि सीएसएस के साथ एनीमेशन कितनी बार चलना चाहिए संपत्ति। निम्न उदाहरण एनिमेशन की संख्या को 2 पर सेट करता है: उदाहरण <!DOCTYPE html> <html> <head> <style> &nbs
-
एनिमेशन को पहले पीछे और फिर CSS के साथ आगे की ओर चलाएं
एनीमेशन-दिशा का उपयोग करें पहले पिछड़े और फिर आगे में एनीमेशन चलाने के लिए संपत्ति। संपत्ति का उपयोग वैकल्पिक-रिवर्स . के साथ किया जाता है इसे हासिल करने के लिए एनिमेशन वैल्यू। उदाहरण <!DOCTYPE html> <html> <head> <style>